NEURONASOFT

ASP.NET - Asignar Linkbutton como DefaultButton del Panel

2012-01-26T18:48:00.000-05:00

Si incluyes dentro de un panel un grupo de controles, entre ellos botones simples (Button), botones con imágen (ImageButton), tienes la opción de elegir cuál será el botón que se ejecute cuando presiones la tecla ENTER estando dentro del formulario.
Esta funcionalidad es útil para formularios que incluyen cajas de texto y botones, donde el usuario luego de llenar el formulario simplemente quiere presionar la tecla ENTER en lugar de ir con el mouse hasta el botón que enviará la información.

Y cómo hacemos esto?
simple… en este ejemplo muestro un formulario de autenticación el cual está dentro de un control Panel, si el usuario estando dentro de una de las cajas de diálogo presiona la tecla ENTER, el formulario se enviará, como si se hubiera hecho click en el botón Login.

<asp:Panel ID="pnlLogin" DefaultButton="imgLogin" runat="server">
    <table>
        <tr>
            <td>
                <asp:Label ID="Label3" runat="server" Text="Correo:"></asp:Label>
                <br />
                <asp:TextBox ID="txtLogin" runat="server"></asp:TextBox>            </td>
            <td>
                <asp:Label ID="Label4" runat="server" Text="Contraseña:"></asp:Label>
                <br />
                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>            </td>
            <td>                <asp:ImageButton ID="imgLogin" runat="server" />
            </td>
        </tr>
    </table>
</asp:Panel>

Para que esto funcione simplemente le asignas a la propiedad DefaultButton el control que quieres que se ejecute… pero ojo este control a ejecutar sólo puede ser Button o ImageButton.
Lamentablemente, esta funcionalidad no está disponible para el control LinkButton, como dice este enlace de MSDN Panel DefaultButton Property

Pero, lo que podemos hacer es un truco, el cual consiste en incluir un LinkButton y un ImageButton, al imageButton le ponemos style=display: none para que sea invisible… pero esto no impedirá que igual se ejecute al presionar ENTER estando dentro del formulario. Veamos:

<asp:Panel ID="pnlLogin" DefaultButton="imgLogin" runat="server">
    <table>
        <tr>
            <td>
                <asp:Label ID="Label3" runat="server" Text="Correo:"></asp:Label>
                <br />
                <asp:TextBox ID="txtLogin" runat="server"></asp:TextBox>
            </td>
            <td>
                <asp:Label ID="Label4" runat="server" Text="Contraseña:"></asp:Label>
                <br />
                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
            </td>
            <td>
                <asp:LinkButton ID="lnkLogin" runat="server">Login</asp:LinkButton>
                <asp:ImageButton ID="imgLogin" style="display: none" runat="server" />
            </td>
        </tr>
    </table>
</asp:Panel>

Te invito a que ejecutes el ejemplo.
Espero que les sea de utilidad

ASP.NET - Recuperando imagenes desde carpeta fuera de tu sitio web

2011-12-09T15:50:00.000-05:00

Cómo hacemos para mostrar en nuestro sitio web imágenes que están guardadas en carpetas que están fuera de nuestro sitio web? Tienes dos posibilidades:

Conviertes dicha carpeta con imágenes en directorio virtual, y luego accedes a dichas imágenes a través de una url.
Añades un archivo handler, digamos Handler1.ashx, para que a través de él accedas a cada imagen ubicada en dicha carpeta.

Si eligieras la primera opción, tendrías el inconveniente de que si le usuario pone ver el código html de tu página… vería cuál es la ruta de cada imagen y podría acceder a ellas.
La segunda opción, al contrario te brinda muchas ventajas… como es la privacidad de las imágenes: no se menciona dónde están guardadas las imágenes… sólo se puede acceder a ellas a través de este handler…
además si quisieras poner algunas validaciones adicionales antes de despachar la imagen… podrías incluirlas en este handler. Hace algún tiempo escribí algo al respecto, puedes leerlo desde aquí:
http://www.neuronasoft.net/2010/04/aspnet-imagenes-solo-para-usuarios.html
Vamos entonces a demostrar entonces cómo servimos imágenes a través de un handler.ashx:
Primero, tendrás que ponerle a tus controles imagen una ruta como esta:

<asp:Image ID="Image1" ImageUrl="Handler1.ashx?img=banner.png" runat="server" />

Date cuenta que estoy pasando el nombre de la imagen como un querystring.
Luego, el código del handler sería el siguiente:

    Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest

        Dim Path As String = "C:\PrivateImages\"

        Dim img As String = context.Request.QueryString("img")

        context.Response.ContentType = "image/png"

        context.Response.TransmitFile(Path & img)

    End Sub

Como ves, es muy simple, sin embargo nos resuelve muchos contratiempos.
Espero que te sea de utilidad

ASP.NET - Multiples skins y una sola hoja de estilos

2011-11-30T15:35:00.000-05:00

Vamos a mostrar una alternativa a la creación de aplicaciones web que necesitan tener múltiples skins, pero que al mismo tiempo eviten mantener múltiples hojas de estilos CSS, a la cual sólo le cambien el color o las imágenes, lo cual parece inapropiado.
Ojo que esta forma que propongo no contradice con lo que son los Themes en ASP.NET, al contrario, si se le usa convenientemente, lograrán un mejor aprovechamiento de los Themes.
Al final de este post estoy adjuntando tres imágenes para que tengan una idea de cómo va cambiando el skin.
Ahora sí, les explico cómo funciona el cambio de skin. La idea central consiste en dividir los estilos css del aplicativo web en dos archivos css:

Una hoja de estilos base… llamada base.css, esta hoja de estilos tendría todos los estilos que no necesitan cambiar y son los estilos generales.
Otra hoja de estilos, la cual realmente será una página .aspx, yo la llamo DinamitaCSS.css… esta segunda hoja de estilos será la encargada de generar los estilos que diferencian a los skins( colores, imágenes, etc)… a veces esta hoja de estilos generará estilos css con el mismo nombre de los ya existentes en el archivo base.css, pero no sobreescribirá esos estilos, sino que más bien: los completará. Osea, si tienes estilos que para el primer skin debe mostrar un color celeste y letras en negrilla, y luego tienes otro estilo para un segundo skin que debe mostrar un color amarillo y letras en negrilla… entonces crearás en base.css dicho estilo… pero no incluirás el color… sí la negrilla. El cambio de color debes programarlo en la segunda hoja de estilos llamada DinamitaCSS.css, espero haberme hecho entender.
Para cambiar entre skins, he puesto un dropdownList en la cabecera de la página… al cambiar de opción en el dropdownlist, cambia el skin.

Les muestro el código que va en DinamitaCSS.css para que tengan una idea de cómo voy generando una parte del css.

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
        Dim url As String = Utils.GetApplicationPath()

        Dim css As New StringBuilder
        css.Append("a {color: @header_color; }")
        css.Append("fieldset  {border: 1px solid @tableheader_color;}")
        css.Append("th{    background-color: @tableheader_color;    border: solid 1px @tableheader_color;}")
        css.Append(".head{    background-color: @header_color; }")
        css.Append(".headLine{    background-color: @tableheader_color; }")
        css.Append("hr{    border: solid 2px @header_color;}")
        css.Append(".tableForm{    background-color: @background_color;}")
        css.Append(".tdTitle{    background-color: @header_color;     border: solid 1px @header_color;}")

        css.Append(".button")
        css.Append("{")
        css.AppendFormat("background: url({0}images/overlay.png) repeat-x center @tableheader_color;", url)
        css.Append("border: 1px solid @background_color;")
        css.Append("}")
        css.Append(".button:hover { background-color: @background_color; border: solid 1px @header_color; }")

        css.Replace("@background_color", cCurrentSession.BackgroundColor)
        css.Replace("@header_color", cCurrentSession.HeaderColor)
        css.Replace("@tableheader_color", cCurrentSession.TableHeaderColor)

        Response.Clear()
        Response.ContentType = "text/css"
        Response.Write(css.ToString)
        Response.End()

    End Sub

Analicen el código, verán que es muy simple, para ello estoy adjuntando también el proyecto completo para que lo descargues y lo examines con calma.

Imágenes:

Espero que les sea de utilidad

ASP.NET–Generar PDF al vuelo con imagenes, enlaces y tablas

2011-11-21T11:29:00.001-05:00

Hace varios años, cuando necesité generar un archivo pdf formateado se me hizo muy difícil hallar información para construir un catálogo de productos en PDF que incluya imágenes tablas y enlaces.
Es por este motivo que surge este post: para facilitarle la vida a los desarrolladores que necesitan crear un documento con imágenes y enlaces en un archivo PDF.
Para la generación del PDF vamos a usar la ya reconocida librería iTextSharp.
Algo más, el archivo se generará al vuelo, osea en el momento que el usuario solicite el archivo… esto tiene la ventaja de que el pdf siempre estará actualizado… dado que suponemos que el pdf se generará con información guardada en la base de datos, pero nosotros en este post obviaremos ese paso para simplificar el post.
Para solicitar el archivo pdf, tendremos un hyperlink en cual tiene un parámetro querystring con el id del documento a solicitar… y este hyperlink, hará el llamado a un manejador genérico o handler, quien finalmente será quien genere el pdf.
Algo como esto:
<asp:HyperLink ID="hplDownload" NavigateUrl="~/PdfGenerator.ashx?did=5" runat="server">Descargar...</asp:HyperLink>
Como pueden observar, el enlace del hyperlink llama a un manejador de peticiones, el cual recibe el id del documento.
Bueno, ya hemos dicho a grandes rasgos en que consiste este post, ahora vamos al código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Generar documento pdf al vuelo con imagenes y enlaces</title>
</head>
<body>
    <form id="form1" runat="server">
        <p>
            Haga click en el enlace para descargar el archivo pdf
            <br />
            <asp:HyperLink ID="hplDownload" NavigateUrl="~/PdfGenerator.ashx?did=5" runat="server">Descargar...</asp:HyperLink>
        </p>
    </form>
</body>
</html>

Este es un extracto del código que va en el manejador de peticiones web:

Imports System.Web
Imports System.IO
Imports iTextSharp.text
Imports iTextSharp.text.pdf

Public Class PdfGenerator
    Implements IHttpHandler

    Sub ProcessRequest(ByVal ctx As HttpContext) Implements IHttpHandler.ProcessRequest

        Dim did As String = ctx.Request.QueryString("did")
        If IsNumeric(did) Then CreatePDFDocument(did)

    End Sub

    Private Sub CreatePDFDocument(ByVal did As Integer)
        Dim MStream As New MemoryStream()
        Dim document As New Document(PageSize.A4, 80, 50, 30, 65)
        Dim writer As PdfWriter = PdfWriter.GetInstance(document, MStream)
        writer.CloseStream = False

        document.Open()

        'header....................
        Dim logo As Image = Image.GetInstance(GetApplicationPhysicalPath() & "images\header.jpg")
        Dim cell As New Cell(logo)
        cell.BorderWidth = 0
        Dim TableHead As New Table(1, 1)
        TableHead.Width = 100
        TableHead.Border = 0
        TableHead.Cellpadding = 10
        TableHead.BorderColor = iTextSharp.text.Color.WHITE
        TableHead.AddCell(cell)
        document.Add(TableHead)

        'content...................

        Dim TableContent As New Table(2, 4)
        TableContent.Width = 100
        TableContent.Cellpadding = 2
        TableContent.Border = 0
        TableContent.BorderColor = iTextSharp.text.Color.WHITE

        'first row
        '-----------------------------------------------
        Dim image0 As Image = Image.GetInstance(GetApplicationPhysicalPath() & "images\" & "image0.jpg")
        cell = New Cell()
        cell.BorderWidth = 0
        cell.SetWidth("30%")
        cell.AddElement(image0)
        TableContent.AddCell(cell)

        Dim pMarca As New Phrase("Marca:", New Font(Font.BOLD))
        Dim m As String = "Este es otro título" & vbCr
        Dim pMarcaContent As New Phrase(m)

        Dim pLinea As New Phrase("Línea:")
        Dim l As String = "Comics" & vbCr
        Dim pLineaContent As New Phrase(l)

        Dim pNombre As New Phrase("Nombre:")
        Dim n As String = "La historia del Comic" & vbCr
        Dim pNombreContent As New Phrase(n)

        Dim pCodigo As New Phrase("Código:")
        Dim c As String = "1234567890"
        Dim pCodigoContent As New Phrase(c)

        cell = New Cell()
        cell.BorderWidth = 0
        cell.SetWidth("70%")
        cell.AddElement(pMarca)
        cell.AddElement(pMarcaContent)

        cell.AddElement(pLinea)
        cell.AddElement(pLineaContent)

        cell.AddElement(pNombre)
        cell.AddElement(pNombreContent)

        cell.AddElement(pCodigo)
        cell.AddElement(pCodigoContent)
        TableContent.AddCell(cell)

        'second row
        '-----------------------------------------------
        Dim pDescripcion As New Phrase(String.Format("Descripción General:{0}", vbCr))
        Dim desc As String = "Al hablar de los antecesores de la historieta, es inevitable " & _
            "nombrar a los antiguos egipcios, que representaban muchos de sus mitos en dibujos y " & _
            "jeroglíficos que realizaban sobre hojas de papiro, y también hacían murales en forma de tira, " & _
            "que incluían imagen y texto. Otros ejemplos son las cristaleras, el tapiz de Bayeux, las bandas que " & _
            "rodean las columnas romanas conmemorativas (como la Trajana o la de Marco Aurelio), los retablos " & _
            "medievales (con los que, mediante imágenes, se explicaban al pueblo historias, crímenes y sucesos " & _
            "en general), los dibujos de las civilizaciones precolombinas (como los códices, pintados por los mayas y " & _
            "los aztecas) e incluso las primitivas pinturas rupestres. A estos ejemplos citados se pueden agregar algunas " & _
            "obras pictóricas de Hyeronnimus Bosh, Brueghel o Goya, las cuales adquieren un carácter narrativo."

        Dim pDescripcionContent As New Phrase(desc)
        cell = New Cell()
        cell.BorderWidth = 0
        cell.Colspan = 2
        cell.AddElement(pDescripcion)
        cell.AddElement(pDescripcionContent)
        TableContent.AddCell(cell)

        'third row
        '-----------------------------------------------
        Dim pInformacion As New Phrase(String.Format("Información:{0}", vbCr))
        Dim inf As String = "Pero quizás los antecedentes más cercanos a la historietas sean las Aucas y Aleluyas, " & _
            "destinadas fundamentalmente a satisfacer las necesidades de instrucción de niños y adolescentes. " & _
            "Estas publicaciones, que comenzaron a editarse en Francia a partir de 1820, se caracterizaban por narrar " & _
            "pequeños cuentos y aventuras mediante ilustraciones, aunque, a diferencia de la historieta, los textos no " & _
            "se integraban orgánicamente dentro de los dibujos, sino que se adicionaban a modo de explicación " & _
            "complementaria al pie de los grabados. Sin embargo, la historia del cómic se relaciona más correctamente " & _
            "con la de la imprenta y la caricatura. "

        Dim pInformacionContent As New Phrase(inf)
        cell = New Cell()
        cell.BorderWidth = 0
        cell.Colspan = 2
        cell.AddElement(pInformacion)
        cell.AddElement(pInformacionContent)
        TableContent.AddCell(cell)

        'fourth row
        '-----------------------------------------------
        Dim miniTable As New Table(2, 1)
        miniTable.Width = 50
        miniTable.Alignment = Table.ALIGN_LEFT
        miniTable.Border = 0
        miniTable.BorderColor = iTextSharp.text.Color.WHITE

        Dim miniCell As New Cell()
        Dim image2 As Image = Image.GetInstance(GetApplicationPhysicalPath() & "images\" & "image2.jpg")
        miniCell.BorderWidth = 0
        miniCell.AddElement(image2)
        miniTable.AddCell(miniCell)

        Dim image3 As Image = Image.GetInstance(GetApplicationPhysicalPath() & "images\" & "image3.gif")
        miniCell = New Cell()
        miniCell.BorderWidth = 0
        miniCell.AddElement(image3)
        miniTable.AddCell(miniCell)

        cell = New Cell()
        cell.Colspan = 2
        cell.BorderWidth = 0
        cell.Add(miniTable)
        TableContent.AddCell(cell)

        document.Add(TableContent)

        Dim TableLine As New Table(1, 1)
        TableLine.Width = 100
        TableLine.Border = 0
        TableLine.Cellpadding = 10
        TableLine.BorderColor = iTextSharp.text.Color.WHITE
        Dim Line As Image = Image.GetInstance(GetApplicationPhysicalPath() & "images\Line.png")
        cell = New Cell()
        cell.BorderWidth = 0
        cell.AddElement(Line)
        TableLine.AddCell(cell)
        document.Add(TableLine)

        Dim ph As New Phrase("Contáctenos en: ")
        Dim a As Anchor = New Anchor("Neuronasoft", FontFactory.GetFont(FontFactory.HELVETICA, 12, Font.UNDERLINE, New Color(0, 0, 255)))
        a.Reference = "http://www.neuronasoft.net"

        document.Add(ph)
        document.Add(a)

        document.Close()

        HttpContext.Current.Response.ContentType = "application/pdf"
        HttpContext.Current.Response.Buffer = True
        HttpContext.Current.Response.ClearContent()
        HttpContext.Current.Response.ClearHeaders()

        HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment;filename=Comics_virtual.pdf")
        HttpContext.Current.Response.BinaryWrite(MStream.GetBuffer())
        HttpContext.Current.Response.End()

    End Sub

    Private Function GetApplicationPhysicalPath() As String
        Return System.Web.HttpContext.Current.Request.PhysicalApplicationPath
    End Function
    
    ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
        Get
            Return False
        End Get
    End Property

End Class

Estoy adjuntando el proyecto completo, para que hagan las pruebas con un ejemplo funcionando.

Es todo, espero que les sea de utilidad

SQL SERVER - Consulta hardcodeada que devuelve el ID de la fila insertada

2011-11-12T11:51:00.001-05:00

Esta pregunta se hizo en los foros, y algunos decían que no era posible recuperar el ID de la fila insertada, esto es un error porque sí se puede recuperar ese valor. Por ese motivo surgió este post.

Algunos dirán: "para qué hardcodeas la consulta SQL? simplemente haz un procedimiento almacenado y asunto solucionado".
La verdad que a veces necesitamos este tipo de soluciones que no siempre parecen ser las óptimas, no en vano tenemos la opción de hardcodear

Además, una consulta hardcodeada también puede evitar las inyecciones SQL si pasas la información mediante parámetros.

Ahora sí, vamos al ejemplo.
1.- Abrimos el SQL SERVER Y creamos una tabla llamada cmon_group, con este script:

CREATE TABLE [dbo].[cmon_group]
(
    [groupid] [int] IDENTITY(1,1) NOT NULL,
    [title] [varchar](150) NULL,
    [description] [varchar](500) NULL,
    [icon] [varchar](50) NULL,
    CONSTRAINT [pk_cmon_group] PRIMARY KEY CLUSTERED ( [groupid] ASC )
)

2.- Abrimos Visual Studio y creamos un nuevo proyecto de tipo ASP.NET con Visual Basic, agregamos una páginas aspx y ponemos este código:

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim Title As String = "title"
        Dim description As String = "description"
        Dim icon As String = "icon"

        Dim connectionString As New SqlClient.SqlConnection("LA_CADENA_DE_CONEXION_VA_AQUI")
        Dim t_sql As String = "INSERT INTO [cmon_group](Title,description,icon) "
        t_sql &= "VALUES(@title,@description,@icon) "
        t_sql &= "SET @groupid = SCOPE_IDENTITY()"

        Dim command As New SqlClient.SqlCommand(t_sql, connectionString)
        command.CommandType = CommandType.Text

        Dim p_groupid As New SqlClient.SqlParameter("@groupid", SqlDbType.Int)
        p_groupid.Direction = ParameterDirection.Output
        command.Parameters.Add(p_groupid)

        command.Parameters.AddWithValue("@title", Title)
        command.Parameters.AddWithValue("@description", description)
        command.Parameters.AddWithValue("@icon", icon)

        command.Connection.Open()
        command.ExecuteNonQuery()
        command.Connection.Close()

        'here is the return value
        Dim groupid As Integer = CInt(p_groupid.Value)

    End Sub

Así de simple, aquí la parte interesante está en las líneas donde añado un parámetro llamado groupid, el cual es de tipo OUTPUT… lo cual me permite obtener el valor de retorno de la clave primaria, la cual se almacena en SCOPE_IDENTITY().

Es todo, espero que les sea de utilidad

ASP.NET - Creando un cliente de correo POP3 en pagina aspx

2011-11-02T14:00:00.000-05:00

Por si alguien está interesado en crear un cliente de correo Pop3 desde ASP.NET, vamos a ver cómo lo desarrollamos.
Antes que nada debo decirles que he probado muchos componentes free del mercado y la verdad que no me han gustado, luego he conocido Lumisoft.net, el cual me ha encantado y es con quien actualmente trabajo.
Lumisoft tiene un componente .NET que me permite gestionar de manera eficiente mis correos desde una página aspx, este componente lo pueden hallar en http://www.lumisoft.ee/lsWWW/ENG/index_eng.aspx?type=main, pero al final de este post estoy adjuntando un archivo adjunto con un proyecto completo de muestra, así que no se preocupen por hallar el componente.
Los datos que necesito para conectarme a mi correo son:
1.- Servidor de correo
2.- Puerto a usar
3.- Cuenta de correo
4.- Contraseña
Entonces, vamos a crear una pequeña aplicación que me permita ingresar esos datos y luego de una autenticación exitosa, vamos a recuperar los emails en una colección genérica para luego mostrarlos en un control repeater.
Código aspx:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Cliente de correo POP3 en pagina aspx</title>
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width: 200px; margin: auto auto">
            <tr>
                <th>
                    Cliente POP3
                </th>
            </tr>
            <tr>
                <td style="white-space: nowrap">
                    <asp:Label ID="Label1" runat="server" Text="Servidor de correo:"></asp:Label>
                    <br />
                    <asp:TextBox ID="txtEmailServer" runat="server" TabIndex="1"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label2" runat="server" Text="Puerto:"></asp:Label>
                    <br />
                    <asp:TextBox ID="txtPort" Width="50px" runat="server" TabIndex="2"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label3" runat="server" Text="Correo:"></asp:Label>
                    <br />
                    <asp:TextBox ID="txtEmail" runat="server" TabIndex="3"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label4" runat="server" Text="Contraseña:"></asp:Label>
                    <br />
                    <asp:TextBox ID="txtPassword" TabIndex="4" runat="server" TextMode="Password"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="vertical-align: bottom;">
                    <asp:ImageButton ID="imgLogin" runat="server" ImageUrl="~/images/go.png" />
                </td>
            </tr>
        </table>
        <div style="margin-top: 20px">
            <asp:Repeater ID="rptPOP3" runat="server">
                <HeaderTemplate>
                    <table style="width: 100%">
                        <tr>
                            <th>
                                UID
                            </th>
                            <th>
                                Remite
                            </th>
                            <th>
                                Asunto
                            </th>
                            <th>
                                Adjuntos
                            </th>
                            <th>                                
                            </th>
                        </tr>
                </HeaderTemplate>
                <ItemTemplate>
                    <tr>
                        <td style="width: 30px;">
                            <%# Eval("uid").ToString().Remove(1,35) %>                        </td>
                        <td>
                            <%# Eval("from")%>                        </td>
                        <td>
                            <%# Eval("subject")%>                            <br />
                            <span style="color: gray"><%# Eval("body")%></span>
                        </td>
                        <td style="width: 5%; text-align: center">
                            <%# HaveAttachments(Eval("Attachments"))%>                        </td>
                        <td style="width: 5%">
                            <asp:ImageButton ID="imgDelete" CommandName="Delete" 
                                CommandArgument='<%# Eval("uid") %>'
                                OnClientClick="if(!confirm('Está seguro que desea eliminar el correo?')) return false;"
                                ImageUrl="images/delete.png" runat="server" />
                        </td>
                    </tr>
                </ItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>
        </div>

    </div>
    </form>
</body>
</html>

Código VB.NET:

Imports LumiSoft.Net.POP3.Client
Imports LumiSoft.Net.Mail

Public Class _Default
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    End Sub

    Protected Sub imgLogin_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles imgLogin.Click

        GetEmails()

    End Sub

    Private Sub GetEmails()
        Dim pop3 As New POP3_Client

        'Conectándose al servidor de correo
        pop3.Connect(txtEmailServer.Text, txtPort.Text, False)

        'Autenticando al usuario
        pop3.Authenticate(txtEmail.Text, txtPassword.Text, True)

        'creo una colección para guardar los correos
        Dim ItemEmails As New List(Of ItemEmail)
        Try

            For Each message As POP3_ClientMessage In pop3.Messages
                Dim mime As Mail_Message = Mail_Message.ParseFromByte(message.MessageToByte())

                If mime.From IsNot Nothing Then
                    Dim mail As New ItemEmail()

                    'Guardo los datos del email
                    mail.Subject = mime.Subject
                    mail.UID = message.UID
                    mail.From = mime.From(0).Address
                    mail.Body = mime.BodyText

                    'reviso si hay archivos adjuntos
                    If (mime.Attachments.Length() > 0) Then

                        'Guardo los archivos adjuntos en una carpeta de mi aplicación
                        For XAttach As Integer = 0 To mime.Attachments.Length - 1
                            Dim guid As String = Utils.GenerateUniqueGUID()
                            Dim FileName As String = mime.Attachments(XAttach).ContentDisposition.Param_FileName
                            IO.File.WriteAllBytes(Utils.GetApplicationPhysicalPath() & "Attachments\" & _
                            guid, DirectCast(mime.Attachments(XAttach).Body, LumiSoft.Net.MIME.MIME_b_SinglepartBase).Data)

                            mail.AddAttachment(New ListItem(FileName, guid))
                        Next

                    End If

                    ItemEmails.Add(mail)

                End If

            Next
        Catch x As Exception
            'x.Message
        Finally
            pop3.Dispose()
        End Try

        rptPOP3.DataSource = ItemEmails
        rptPOP3.DataBind()

        For Each email As ItemEmail In ItemEmails

            'desde aquí puedes insertar los datos en tu base de datos
            'email.Subject
            'email.Body

            'obtienes los archivos
            If Not IsNothing(email.Attachments) Then
                For Each att As ListItem In email.Attachments
                    'att.Text, 
                    'Attribute.value
                Next
            End If

        Next

    End Sub

    Protected Function HaveAttachments(ByVal obj As Object) As String
        If IsNothing(obj) Then
            Return String.Empty
        Else
            Return "<img src='images/attachment.png' />"
        End If
    End Function

    Protected Sub rptPOP3_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.RepeaterCommandEventArgs) Handles rptPOP3.ItemCommand

        If e.CommandName.ToString = "Delete" And e.CommandArgument.ToString <> "" Then

            Dim uid As String = e.CommandArgument.ToString
            Dim pop3 As New POP3_Client

            'Conectándose al servidor de correo
            pop3.Connect(txtEmailServer.Text, txtPort.Text, False)

            'Autenticando al usuario
            pop3.Authenticate(txtEmail.Text, txtPassword.Text, True)

            'Elimino el correo
            pop3.Messages.Item(uid).MarkForDeletion()
            pop3.Dispose()

            'recupero nuevamente la lista de correos
            GetEmails()

        End If

    End Sub

End Class

Luego de ingresar los datos, presionen el botón VER, para que se cargue el repeater… verán algo como esta imagen:

Analicen el código, es muy simple… inclusive estoy verificando si cada correo tiene archivos adjuntos… y estoy descargando los archivos adjuntos en una carpeta llamada attachments. No se olviden que si desean descargar los archivos en una carpeta, deben darle permiso de escritura al usuario NETWORK SERVICE en dicha carpeta.

Espero que les sea de utilidad

ASP.NET - Mostrando frases aleatoriamente cada x segundos

2011-10-27T15:07:00.000-05:00

En posts anteriores ya habíamos escrito sobre:
1.- cómo actualizar una sección de página.
2.- Refrescar múltiples secciones de página.

Y es que muchos sitios web necesitan esta funcionalidad de actualización sin refrescar la página entera.

Ahora hablemos sobre cómo hacer una funcionalidad que me permita mostrar una frase aleatoria cada x segundos, pero también podría servirte para mostrar imágenes, etc.

Hay muchas formas de lograr esto. Nosotros vamos a ponernos en el caso de que recuperamos un conjunto de frases de la base de datos y por eso hacemos uso de tecnología del lado del servidor.

Haremos un ejemplo muy simple.
En el siguiente ejemplo añadimos un ScriptManager a la página aspx, luego un control Timer y un UpdatePanel… este UpdatePanel tendrá un label, el cual visualizará las frases elegidas al azar.
Veamos:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server" id="Head1">
    <style type="text/css">
        .box
        {
            padding: 20px;
            border: Dotted 2px orange;
            background-color: yellowgreen;
            font: 16px tahoma;
        }
    </style>
    <title>Mostrando frases aleatorias con ASP.NET</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Timer ID="Timer1" Interval="5000" runat="server" OnTick="Timer1_Tick" />
    <asp:UpdatePanel ID="up1" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Timer1" />
        </Triggers>
        <ContentTemplate>
            <div class="box">
                <asp:Label ID="Label1" runat="server" />
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

C Sharp:

protected void Page_Load(object sender, EventArgs e)
{
    if (Page.IsPostBack) return;

    Quote();
}

private void Quote()
{
    List<string> quotes = new List<string>();
    quotes.Add("Todos somos muy ignorantes. Lo que ocurre es que no todos ignoramos las mismas cosas.");
    quotes.Add("Si buscas resultados distintos, no hagas siempre lo mismo.");
    quotes.Add("El mundo no está en peligro por las malas personas sino por aquellas que permiten la maldad.");
    quotes.Add("Cada día sabemos más y entendemos menos.");
    quotes.Add("En los momentos de crisis, sólo la imaginación es más importante que el conocimiento.");
    
    Random rnd = new Random();
    Label1.Text = quotes[rnd.Next(quotes.Count)];
}

protected void Timer1_Tick(object sender, EventArgs e)
{
    Quote();
}

Para este caso, no he recuperado de la base de datos… sino que hay que suponer que así fue, Yo sólo estoy guardando las frases en una lista de Strings.

Luego, con la clase Random(), puedo elegir una frase aleatoria.

Es todo, espero que les sea de utilidad

ASP.NET - Visualizar contenido XML en pagina aspx

2011-10-21T12:57:00.000-05:00

He visto que aún existe mucho desconocimiento y miedo al trabajar con documentos XML.
En realidad no debería ser así, la tecnología está bastante madura en cuanto a la manipulación de contenidos XML, y es mucho más fácil aún si haces uso de una tecnología como .NET.
En este post vamos a mostrar contenidos XML en una página aspx, vamos a demostrar lo fácil que es aplicar una hoja de estilos XSLT a un documento XML.
Un documento XML guarda datos y un documento XSLT guarda una plantilla que permitirá darle una presentación más amigable a un documento XML. Esta hoja XSLT debe conocer la estructura del archivo XML para poder aplicar sus estilos.
No es necesario usar ASP.NET para mostrar un documento XML formateado via XSLT en un browser… esto se puede hacer de una manera muy simple:
Sample1.xml:

<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="Sample1.xslt"?>
<Usuarios>
    <Usuario imagen="images/1.png">
        <id>11</id>
        <Nombre>Juan Cotrina</Nombre>
        <Email>Juan1@hotmail.com</Email>
    </Usuario>
</Usuarios>

Sample1.xslt:

<?xml version="1.0" encoding="iso-8859-1" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="Usuarios">
        <table>
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Email</th>
                <th></th>
            </tr>
            <tr>
                <td>
                    <xsl:value-of select="Usuario/id" />
                </td>
                <td>
                    <xsl:value-of select="Usuario/Nombre" />
                </td>
                <td>
                    <xsl:value-of select="Usuario/Email" />
                </td>
            </tr>
        </table>
    </xsl:template>
</xsl:stylesheet>

Como ven, el archivo XML ya está haciendo una llamada a la hoja de estilos XSLT… entonces, si tú haces click derecho sobre el archivo Sample1.xml y eliges Ver en el browser… el archivo se visualizará como si fuera un archivo html cualquiera. Aunque tal vez no se vea bien.

No creo que necesite mucha explicación este ejemplo, sólo que la hoja de estilos xslt tiene una plantilla html combinada con las etiquetas Usuarios/Usuario/… que son precisamente las etiquetas que contiene el archivo xml, y esta es la forma de relacionar los datos del archivo XML con la hoja de estilos XSLT.

Hasta aquí no he usado .NET ni ASP.NET, parece que no fuera necesario… pero sí es necesario. Por qué?

El problema es que la mayoría de browsers no hacen la transformación como debieran y no muestran el XML combinado con el XSLT para dar paso a un contenido HTML… es por eso que hay que hacer uso de ASP.NET, el cual se toma el trabajo de hacer esa conversión y mostrar de manera correcta el contenido transformado en el browser.

Ahora vamos a mostrar un ejemplo más completo, un archivo xml con más contenido, una hoja de estilos mejor formateada… y ya no mostraremos directamente el archivo xml en el browser… sino a través de una página aspx, y haciendo uso de un control ASP.NET llamado asp:Xml, el cual muchas veces ha pasado desapercibido.

Sample2.xml:

<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="sample2.xslt"?>
<Usuarios>
    <Usuario Imagen="images/1.png">
        <id>11</id>
        <Nombre>Loco loco</Nombre>
        <Email>email1@hotmail.com</Email>
    </Usuario>
    <Usuario Imagen="images/2.jpg">
        <id>22</id>        
        <Nombre>Johnny Serrano</Nombre>
        <Email>email2@hotmail.com</Email>
    </Usuario>
    <Usuario Imagen="images/3.gif">
        <id>33</id>        
        <Nombre>Mr Beans</Nombre>
        <Email>email3@hotmail.com</Email>
    </Usuario>
    <Usuario Imagen="images/4.jpg">
        <id>44</id>        
        <Nombre>ASP.NET Developer</Nombre>
        <Email>email4@hotmail.com</Email>
    </Usuario>
</Usuarios>

Sample2.xslt:

<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output doctype-public="HTML"/>
    <xsl:template match="Usuarios">
        <table>
            <tr>
                <th>ID</th>
                <th></th>                
                <th>Nombre</th>
                <th>Email</th>
                <th></th>                
            </tr>
            <xsl:for-each select="Usuario">
                <tr>
                    <td>                    
                        <xsl:value-of select="id"/>
                    </td>
                    <td>
                        <xsl:variable name="img" select="@Imagen" />
                            <img src="{$img}" />
                    </td>                    
                    <td>
                        <xsl:value-of select="Nombre"/>
                    </td>
                    <td>
                        <xsl:value-of select="Email"/>
                    </td>
                    <td>
                        <xsl:variable name="url" select="id" />
                        <a href="Details.aspx?id={$url}" >Detalles</a>
                    </td>
                </tr>
            </xsl:for-each>
        </table>
    </xsl:template>
</xsl:stylesheet>

WebForm1.aspx:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Mostrar contenido xml en página aspx</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
        <asp:Xml ID="Xml1" runat="server"></asp:Xml>
    </form>
</body>
</html>

WebForm1.aspx.cs:

cabecera:

using System;
using System.Xml;
using System.Xml.Xsl;

Page Load:

protected void Page_Load(object sender, EventArgs e)
{
    if (Page.IsPostBack) return;

    XmlDocument docXML = new XmlDocument();
    docXML.Load(Server.MapPath("sample2.xml"));

    XslTransform docXSL = new XslTransform();
    docXSL.Load(Server.MapPath("sample2.xslt"));

    Xml1.Document = docXML;
    Xml1.Transform = docXSL;
}

Ahora ejecute la página WebForm1.aspx para ver los resultados… debiera ver algo como la imagen de arriba.
Ejecúten la página en cualquier browser y verán que en todos los browsers se ha efectuado la transformación de manera correcta, gracias a ASP.NET.

Es todo por ahora, espero que les sea de utilidad

Comparar Bases de datos con Visual Studio

2011-10-14T10:50:00.001-05:00

Hace algún tiempo hice un post sobre comparar Esquemas de bases de datos, aquí
http://www.neuronasoft.net/2010/08/comparar-bases-de-datos.html
y bueno, casi inmediatamente después leyendo un post en algún lugar descubrí que también Visual Studio tenía una potente herramienta para comparar esquemas de bases de datos. Peor eso no es todo, además nos permite comparar data entre dos bases de datos. Así que es impresionante y ya no necesito la herramienta anterior.
He usado esta herramienta extensivamente y tengo que decirles que es muy buena. Yo uso Visual Studio Ultimate 2010 y les explicaré cómo usar esta herramienta.
Abran el Visual Studio y vayan al menú Data > Schema Compare > New Schema Comparison
Se mostrará una ventana en donde deben ingresar la base de datos origen y la de destino, luego presionen el botón Ok para que se inicie el proceso.
Se mostrará un resumen con las diferencias detectadas entre ambas bases de datos… verá que hay una columna llamada Update Action, en la cual dirá Skip si no encontró diferencias en dicho objeto y dirá Update si es que detectó diferencias.
Entonces, antes de presionar el botón Write Updates, Ud puede cambiar el estado Update a Skip, osea… si no quieres que algún cambio se aplique.
Finalmente, cuando ya revisaste que todo esté ok… puedes presionar el botón Write Updates para que empiece el proceso de actualización de esquema entre bases de datos.

Para el proceso de comparar datos entre dos bases de datos, haremos lo siguiente:
Vayan al menú Data > Data Compare > New Data Comparison…
Se mostrará una ventana que te solicitará los datos de las dos bases de datos a comparar su data. Finalmente, presionas el botón Finish para que inicie la comparación.
Como resultado obtendrás un resumen muy intuitivo en el que claramente podrás detectar las diferencias de datos entre ambas bases de datos.

Eso es todo.
Espero que les sea de utilidad

Detectar cuando javascript está deshabilitado en el navegador

2011-10-12T10:35:00.000-05:00

A pesar de que ya son muchos años de madurez del mundo de las aplicaciones web, aún hay algunos puntos que si no se toman en cuenta, pueden traer abajo cualquier sistema robusto.
Anticiparse a la posibilidad de que javascript esté deshabilitado en el browser es una obligación, siempre es mejor que seas precavido y tengas una respuesta ante tal posibilidad.
Por ejemplo, si estás ejecutando una página aspx para autenticar usuarios, en la cual los controles textboxes están siendo validados por controles de validación como RequiredFieldValidator, CustomValidatorSummary, etc… ten la seguridad que estos controles no funcionarán, y la validación del lado del cliente será burlada. Es por eso la importancia de detectar si javascript está habilitado.
Existe una etiqueta HTML que podemos usar cuando javascript está deshabilitado, es la etiqueta <NOSCRIPT>contenido</NOSCRIPT>
Cómo funciona? muy simple, sólo añade esta etiqueta en la página web, esta etiqueta sólo se hará visible sólo si javascript está desactivado.
Veamos el ejemplo:

<html>
<head>
    <title>Detectar cuando javascript está deshabilitado</title>
    <style type="text/css">
        *{ font-family: Trebuchet MS; }
        .div_NOSCRIPT
        {
            border: solid 2px red;
            background-color: Orange;
            padding: 5px;
            margin: 5px;
        }
    </style>
</head>
<body>
    <noscript>
        <div class="div_NOSCRIPT">
            <p>
                Para que este web site funcione correctamente, 
                es necesario habilitar javascript en tu navegador.
            </p>
            <p>
                <a href="http://www.enable-javascript.com/" target="_blank">
                En este enlace encontrarás instrucciones de 
                cómo habilitar javascript en tu navegador</a>
            </p>
        </div>
    </noscript>

    ...Aquí va todo el contenido de tu página web... 

</body>
</html>

Si ejecutan el ejemplo, verán que el enlace nos lleva hacia una página web con unas instrucciones muy completas para habilitar javascript en cualquiera de los navegadores más importantes. Inclusive las instrucciones están ordenadas por versiones de browser. En fin, muy completo.

Espero que les sea de utilidad ;)

ASP.NET - Page Methods que devuelven un valor o contenido string

2011-10-05T18:11:00.000-05:00

Me preguntaron cómo hacía para lograr que un Page Method retorne una cadena string desde el lado del servidor.

Ya hemos tratado este interesante tema de Page Methods, pero no habíamos demostrado cómo retornar un string, ahora vamos a hacerlo.

Para el caso, vamos a enviar a través del Page Method un valor numérico, y como valor de retorno traeremos una lista desordenada de elementos, la cual será enviada como un string al lado del cliente.

Empecemos. Recuerden que el proyecto debe tener:

1.- la referencia a System.Web.Extensions
2.- un ScriptManager con la propiedad EnablePageMethods=”true”
<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
    <title>Page Methods que retornan un string</title>
    <script type="text/javascript">
    function BulletedList(quantity) 
    {
    PageMethods.GetBulletedList(quantity, MyMethod_Result, onSucceed, onError);
    }

    function MyMethod_Result(StringDeRespuesta) {

        var Label1 = document.getElementById("<%= Label1.ClientID %>");
        Label1.innerHTML = StringDeRespuesta;
    }

    function onSucceed(result) {
    }

    function onError(result) {
        alert(result.get_message());
    }
    </script>
</head>
<body>
   <form id="form1" runat="server">
   <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server">
   </asp:ScriptManager>
    <asp:HyperLink ID="HyperLink1" NavigateUrl="javascript:;" 
        onclick="BulletedList(10);" runat="server">
            Obtener contenido HTML desde el servidor
    </asp:HyperLink>
    <p>
        <asp:Label ID="Label1" runat="server"></asp:Label>
    </p>
    </form>
</body>
</html>

Luego, del lado del código VB.NET:

    <System.Web.Services.WebMethod()> _
    Public Shared Function GetBulletedList(ByVal quantity As Integer) As String
        Dim p As New Page
        Dim oStringWriter As New System.IO.StringWriter()
        Dim oHtmlTextWriter As New System.Web.UI.HtmlTextWriter(oStringWriter)

        Dim ul As New BulletedList
        For i As Integer = 1 To quantity
            ul.Items.Add("Este es el elemento #: " & i)
        Next

        ul.RenderControl(oHtmlTextWriter)

        Return oStringWriter.ToString()

    End Function

Como pueden ver… hay un Page Method que crea una lista desordenada, a la cual se le van añadiendo elementos dinámicamente… y finalmente devuelve la lista pero convertida en un string.
Lo que hace posible que el contenido sea devuelto es el 2do parámetro que recibe el PageMethod en la llamada javascript:
PageMethods.GetBulletedList(quantity, MyMethod_Result, onSucceed, onError);
Eso es todo, espero que les sea de utilidad

ASP.NET - Mi participación en los Foros ASP.NET

2011-10-03T18:43:00.001-05:00

Cómo están, quería compartirles algo:
Desde hace varios años que participo en los foros de ASP.NET, pero no en los foros en español... sino en los foros en inglés, aquí http://forums.asp.net/.

Y la participación es obviamente gratuita, no recibes paga... Yo lo hago para retribuir la ayuda que recibí de las comunidades Microsoft en mis inicios, lo cual Yo admiraba cada vez que recibía una respuesta desinteresada.

Y bueno, si me buscan en lo que allí llaman el Salón de la Fama en
http://www.asp.net/community/recognition/hall-of-fame

verán que tengo el Nivel Star, y el nombre de usuario con el que me conocen es Segundo

En estos Foros han participado o aún participan grandes referentes del mundo ASP.NET, como

Muchos de ellos son Microsoft MVP, y francamente, es un honor participar con ellos, intentando brindar la mejor respuesta ante la pregunta de algún usuario.

Salud ;)

ASP.NET - Recuperar la imagen del dia

2011-09-29T10:12:00.000-05:00

Muchos sitios web muestran diariamente una foto, la cual la titulan como La imagen del día o la Foto del día.
Y en varias ocasiones, se requiere recuperar esta imagen, pero de manera automatizada. Dado que este blog trata sobre todo de tecnología .NET especialmente web, demostraremos cómo realizar este proceso desde una página ASP.NET.
Nosotros vamos a recuperar la foto del día de National Geographic, que cada día muestra una foto impresionante.
Cómo lograremos obtener la foto del día? estos son los pasos:
1.- Necesitamos la url de la página que muestra la foto del día
2.- Recuperaremos todo el contenido html de la página de manera programática
3.- Usaremos un gran componente como es Html Agility Pack para parsear el contenido html y extraer la imagen
4.- Para extraer la imagen, necesitamos saber dentro de cuáles etiquetas está incluído, en mi caso, analizé el código html de dicha url usando la opción Inspeccionar elemento que nos proporciona Google Chrome y encontré que la imagen estaba aquí:

Entonces, basado en ese análisis, hice:
1.- Descargué el assembly Html Agility Pack desde http://htmlagilitypack.codeplex.com/, lo puse en la carpeta bin y lo añadí como referencia a mi proyecto
2.- Añadí una página aspx con un control image:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>La imagen del día con ASP.NET</title>
    <script type="text/javascript">
    </script>
    <style type="text/css">
        *{ font-family: Trebuchet MS; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <h3>Recuperando la imagen del día con ASP.NET</h3>
        <asp:Image ID="Image1" runat="server" />
    </form>
</body>
</html>

3.- Añadí la referencia a la página

using HtmlAgilityPack;

4.- Elaboré el siguiente código C sharp:

protected void Page_Load(object sender, EventArgs e)
{
    string url = "http://photography.nationalgeographic.com/photography/photo-of-the-day/";

    System.Net.WebClient wc = new System.Net.WebClient();
    HtmlDocument doc = new HtmlDocument();
    doc.Load(wc.OpenRead(url));

    HtmlNode img = doc.DocumentNode.SelectSingleNode(@"//div[@class='primary_photo']/a/img");
    if (img != null)
        Image1.ImageUrl = img.Attributes["src"].Value;

}

Así de simple. Uds pueden hacer lo mismo con otros sitios web que muestren una imagen diferente diaria.
Espero que les sea de utilidad

ASP.NET – Visualizar documentos en linea (Excel, word, pdf, ppt, …)

2011-09-12T10:03:00.000-05:00

Google Docs tiene un visor en línea que permite que múltiples formatos de archivos sean visualizados en línea, entre otros formatos tenemos:

Microsoft Excel (.XLS and .XLSX)
Microsoft PowerPoint 2007 / 2010 (.PPTX)
Adobe Illustrator (.AI)
Adobe Photoshop (.PSD)
Autodesk AutoCad (.DXF)
Scalable Vector Graphics (.SVG)
TrueType (.TTF)
…

Lo que vamos a hacer nosostros será mostrarles cómo podemos incorporar esa gran funcionalidad en nuestras aplicaciones ASP.NET.
Supongamos que tenemos una carpeta llamada Uploads en nuestro servidor, el cual está en la raiz de nuestra aplicación… esta carpeta contiene múltiples archivos que queremos que sean visualizados en línea, sin necesidad que el usuario los descargue.
Para visualizar un documento con el visor de Google Docs, debemos construir una url con esta estructura:

“http://docs.google.com/viewer?url=” + “la_url_de_tu_archivo” + “&embedded=true”

Luego, añadimos un iframe a nuestra página, dicho iframe tendrá como src la url que construimos arriba.
Entonces, sabiendo esto nosotros, vamos a hacer recuperar los nombres de los archivos que están guardados en la carpeta Uploads y vamos a mostrar los documentos a través de un iframe:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Integrar Visor de documentos Google con ASP.NET</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Literal ID="ltHTML" runat="server"></asp:Literal>
    </form>
</body>
</html>

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If IsPostBack Then Return

        'la carpeta en el servidor con los archivos a visualizar
        Dim di As New IO.DirectoryInfo(Server.MapPath("~\Uploads"))

        'recuperamos los archivos
        Dim Files As IO.FileInfo() = di.GetFiles("*.*")

        'elaboro el html 
        Dim htm As New StringBuilder
        htm.Append("<table style='width: 100%'>")
        For Each f As IO.FileInfo In Files
            htm.Append("<tr>")
            htm.Append("<td style='padding: 20px auto'>")
            htm.AppendFormat("<iframe src='http://docs.google.com/gview?url=http://www.midominio.com/Uploads/{0}&embedded=true'", f.Name)

            htm.Append(" style='width:50%; height:300px;' frameborder='0'></iframe>")
            htm.Append("</td>")
            htm.Append("</tr>")
        Next
        htm.Append("</table>")

        ltHTML.Text = htm.ToString()

    End Sub

Al ejecutar la página aspx verán que se visualiza igual que la imagen que muestro arriba.
Eso es todo. Espero que les sea de utilidad ;)

Generar registros para hacer pruebas en tu base de datos

2011-09-09T16:14:00.000-05:00

Muchas veces necesitamos generar miles o millones de registros para hacer pruebas desde nuestra aplicación.
Una forma simple y rápida de generrar datos que a menudo utilizo es como a continuación explico:
1.- Elijo una tabla existente (cualquier tabla)
2.- Inserto la data de esa columna en la tabla que quiero generar registros, pero el truco es multiplicar miles de veces esa data.
Y cómo genero miles de veces esas filas?
Fácil, hago un CROS JOIN de la misma tabla, así:
(para este ejemplo estoy usando la data de la tabla del sistema sys.objects)

CREATE TABLE #Dummy_Table(
columnINT INT, 
columnDATETIME DATETIME,
columnVARCHAR VARCHAR(100), 
columnBIT BIT)

INSERT INTO #Dummy_Table
SELECT a.object_id, 
a.modify_date, 
b.name, 
c.is_published
FROM       sys.objects a 
CROSS JOIN sys.objects b 
CROSS JOIN sys.objects c 

SELECT * FROM #Dummy_Table

DROP TABLE #Dummy_Table

Explicaré en qué consiste el T-SQL:
1.- Creo una tabla temporal para guardar los registros que generaremos.
2.- Inserto en la tabla temporal la data de algunas columnas de la tabla sys.objects…
al mismo tiempo, por cada CROSS JOIN que hago, la cantidad de filas se multiplicará por si misma… lo cual genera miles o millones (depende de cuantos CROSS JOIN hagas) de registros generados al vuelo al instante.
Espero que les sea de utilidad ;)

ASP.NET - Consumir web service asmx desde PHP

2011-09-05T11:11:00.000-05:00

Cómo hacemos una llamada a un servicio web asmx desde php? En este post aprenderemos a hacerlo.

Para consumir un servicio web asmx desde un cliente php hemos creado un servicio web en localhost, el cual se llama WebService1.asmx y tiene el siguiente método:

    <WebMethod()> _
    Public Function HelloWorld(YourName As String, YourAge As Integer) As String
        Return String.Format("Hello {0}, you are {1} years old.", YourName, YourAge)
    End Function

Como ven es simple, recibe dos parámetros y devuelve una frase en un string.
Por otro lado, ahora vamos a crear una página php llamada consumer.php que contenga este pequeño retazo de código:
<?php
$YourName = 'Aniceto';
$YourAge = 50;
$WebService="http://localhost/Samples35_VB/WebService1.asmx?wsdl";
//parametros de la llamada
$parametros = array();
$parametros['YourName'] = $YourName;
$parametros['YourAge'] = $YourAge;
//Invocación al web service
$WS = new SoapClient($WebService, $parametros);
//recibimos la respuesta dentro de un objeto
$result = $WS->HelloWorld($parametros);
//Mostramos el resultado de la consulta
echo $result->HelloWorldResult;
?>
Una rápida visualización del código me muestra que tenemos dos variables, las cuales luego son parte de un array que pasará como parámetro para el web service.
Luego de eso invocamos al web service y finalmente mostramos los resultados.
Para que este ejempo funcione en tu entorno de pruebas, debes modificar tu archivo de configuración php.ini a fin de habilitar las operaciones SOAP descomentando esta línea:
extension=php_soap.dll
y luego reiniciando tu servidor APACHE a fin de que se apliquen los cambios.
Como han podido observar, es algo muy sencillo.
Espero que les sea de utilidad ;)

Dividir string e ignorar los vacíos

2011-08-22T10:49:00.006-05:00

Vamos a poner el caso que tenemos un string formado por números, como este:

"456 234  123 67 987 890 123  444 768"

Analizen este string y dense cuenta que a propósito he dejado más de un espacio a veces entre valores.
Ahora, lo que queremos es dividir el string y obtener los números, luego de eso lo queremos ordenar ascendente o descendente.
Veamos el código:

string n = "456 234  123 67 987 890 123  444 768";

string[] split = n.Split(new char[] {' '}, StringSplitOptions.RemoveEmptyEntries);

List<int> Numbers = new List<int>();

for (int i = 0; i < split.Length; i++)          
{
Numbers.Add(Convert.ToInt32(split[i]));
}
Numbers.Sort();

//si quieres en orden descendente... descomenta la sgte línea
//Numbers.Reverse();

Como pueden ver, hago un split, usando además el parámetro StringSplitOptions.RemoveEmptyEntries, el cual me permite ignorar aquellos valores vacíos que pudiera hallar al hacer el split de la cadena.
Luego de eso, a través de una sentencia FOR, voy enviando cada valor que recupero del string hacia una lista genérica de números enteros, lo cual me va a dar la facilidad de manipularlos u ordenarlos, como pudieron ver en las líneas de arriba.
Numbert.Sort(), por defecto me ordena Ascendente y Numbers.Reverse() me permite invertir el orden para que quede descendente.
Ahora vamos a hacer lo mismo, pero esta vez usaremos Linq:

string n = "456 234  123 67 987 890 123  444 768";

//1.- obtengo los valores en un array de strings

string[] source = n.Split(new char[] {' '}, StringSplitOptions.RemoveEmptyEntries);

//2.- paso el array de string hacia un array de números enteros

int[] Numbers = Array.ConvertAll<string, int>(source, delegate(string s) { return int.Parse(s); });

//3.- con Linq, paso el array de números enteros hacia una collection de enteros...

//y aquí mismo los ordeno

List<int> MyCollection = (from val in Numbers.AsEnumerable()

orderby val //descending

select val

).ToList<int>();

//ahora puedes recorrer los elementos de la colección
foreach (var number in MyCollection)
   Console.WriteLine(number);

Vamos a hacer los mismo, otra vez, pero esta vez usaremos expresiones regulares:

string n = "456 234 123 67 987 890 123 444 768";

var numbers = System.Text.RegularExpressions.Regex.Split(n, @"\s+").OrderBy(x => int.Parse(x));

foreach (var number in numbers)
Console.WriteLine(number);

Francamente, esta situación la hubiera resuelto haciendo Split de la cadena o usando Linq… pero alguien me recordó el poder de las Expresiones regulares combinado con Linq… y francamente ha quedado muy bien.
Ahí les dejo entonces, uds elijan cómo lo hacen.
Espero que les sea de utilidad ;)

ASP.NET – Columnas calculadas en Datatable

2011-08-11T16:29:00.001-05:00

Les voy a mostrar una forma muy sencilla de añadirle una columna adicional al datatable, dicha columna puede formarse a partir de una o varias columnas del datatable, pero no necesariamente debe tomar alguna columna existente, como verán abajo en el punto 4.
Empecemos: Digamos que he llenado un datatable con el resultado de la sgte consulta:

SELECT [ProductName], [UnitPrice],

[Quantity] FROM [dbo].[Product]

dt = YourQuery();

1.- Obtener una columna calculada a partir de columnas del datatable:

necesito obtener el total en dinero de UnitPrice x Quantity, para ello hacemos

dt.Columns.Add("Total", GetType(double), "UnitPrice*Quantity")

de esta manera ya mi datatable poseerá una columna adicional llamada Total con el cálculo del Precio x Cantidad de productos.

2.- Obtener una columna calculada a partir de una columna y otro valor:
multiplicar una columna con un valor numérico, así:

dt.Columns.Add("Total", GetType(double), "UnitPrice*1.5")

3.- Obtener una columna calculada mediante la evaluación de una condición:
la columna calculada se creará mediante una condición IIF

dt.Columns.Add("UserName", GetType(String), "iif(Name='','Anonymous',Name)")

4.- Obtener una columna calculada de tipo correlativo:

Dim Correlativo As DataColumn = New DataColumn("Correlativo", GetType(Integer))
Correlativo.AutoIncrement = True
Correlativo.AutoIncrementSeed = 1
dt.Columns.Add(Correlativo)

Espero que les sea de utilidad ;)

ASP.NET - FileUpload desde ModalPopupExtender y UpdatePanel

2011-08-08T12:22:00.002-05:00

Muchos piensan que esto no es posible: subir archivos al servidor desde un ModalPopup , el cual está dentro de un UpdatePanel, pues sí es posible.
Resumiendo, el código debe tener esta forma:
<UpdatePanel ChildrenAsTriggers="true">
<ContentTemplate>
<Panel>
FileUpload…+ El botón que subirá tu archivo y guardará tu información, mi botón se llama btnSave
Otros controles…
<Panel>
<ModalPopupExtender />
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btnSave" />
</Triggers>
</UpdatePanel>
Y ese es el resumen. Como pueden observar, la novedad del updatepanel es que tiene la propiedad ChildrenAsTriggers=”true” y la otra novedad es que antes de que cierre el updatepanel, se ha añadido el tag triggers, como ven en la imagen muy claramente.
Vamos a ver el ejemplo mediante código, copien esto en una nueva página aspx:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Subir archivos desde el modalpopup dentro un Updatepanel</title>
<style type="text/css">
*
{
font-family: Tahoma;
}
.modalPopup 
{
background-color:orange;
border-width:5px;
border-style:solid;
padding:3px;
}  

.modalBackground 
{
filter:alpha(opacity=50);
opacity:0.7;
}      
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" ChildrenAsTriggers="true" runat="server">
<ContentTemplate>
<asp:HyperLink ID="hplOpenModal" NavigateUrl="javascript:;" 
runat="server">Mostrar ModalPopup</asp:HyperLink>
<asp:Panel ID="pnlFileAdd" runat="server" Style="display: none" 
CssClass="modalPopup" Height="100px" Width="300px">
<asp:FileUpload ID="FileUpload1" runat="server" />
<p>
<asp:Button ID="btnSave" runat="server" Text="Subir archivo" />
<asp:Button ID="btnCancel" runat="server" Text="Cancelar" />
</p>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" 
TargetControlID="hplOpenModal" PopupControlID="pnlFileAdd" 
BackgroundCssClass="modalBackground" CancelControlID="btnCancel" Y="100" />

</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btnSave" />
</Triggers>
</asp:UpdatePanel>
</form>
</body>
</html>

Esto va en el código VB.NET:

Protected Sub btnSave_Click(sender As Object, e As EventArgs) Handles btnSave.Click

If FileUpload1.HasFile Then
FileUpload1.SaveAs(Server.MapPath("~/uploads/") & FileUpload1.FileName)
End If

End Sub

Se supone que en la raiz de la applicación hay una carpeta llamada Uploads, donde se guardará el archivo. Eso sería todo.
Espero que les sea de utilidad ;)

ASP.NET – Validar que se seleccione al menos un elemento del checkboxlist

2011-07-27T16:43:00.001-05:00

Este es una pregunta bastante frecuente en los foros, así que vale la apena incluirlo en el blog para usarse como referencia.
Para asegurarnos que se seleccione al menos un elemento del checkboxlist, vamos a usar el control de validación llamado CustomValidator, el cual trabaja con una función javascript y adicionalmente verifica del lado del servidor (por si las pulgas) ;)
Vamos al código de una vez:
añade una página aspx y pega el sgte código:

<html>
<head runat="server">
<title>Validar que se seleccione al menos un elemento del checkboxlist</title>

<script type="text/javascript">
function CheckIfCheckBoxListIsChecked(source, args) {
var chkList = document.getElementById('<%= chkFindAt.ClientID %>');
var chk = chkList.getElementsByTagName("input");
for (var i = 0; i < chk.length; i++) {
if (chk[i].checked) {
args.IsValid = true;
return;
}
}
args.IsValid = false;
}      
</script>

</head>
<body>
<form id="form1" runat="server">

<asp:CheckBoxList ID="chkFindAt" runat="server">
<asp:ListItem Value="1" Text="ASP.NET"></asp:ListItem>
<asp:ListItem Value="2" Text="JAVA"></asp:ListItem>
<asp:ListItem Value="3" Text="PHP"></asp:ListItem>
</asp:CheckBoxList>
<asp:CustomValidator ID="CustomValidator1" runat="server" 
ClientValidationFunction="CheckIfCheckBoxListIsChecked"
OnServerValidate="CheckIfCheckBoxListIsCheckedServer" 
ErrorMessage="Seleccione al menos un elemento!"
Display="Dynamic"></asp:CustomValidator>

<asp:Button ID="Button1" runat="server" Text="Button" />
</form>
</body>
</html>

Y el código del lado del servidor sería el sgte:

Protected Sub CheckIfCheckBoxListIsCheckedServer(ByVal source As Object, _
ByVal args As ServerValidateEventArgs) Handles CustomValidator1.ServerValidate

If chkFindAt.SelectedIndex = -1 Then
args.IsValid = False
Else
args.IsValid = True
End If

End Sub

Como han podido observar, la función del lado del cliente (javascript) es llamada mediante ClientValidationFunction y el método del lado del servidor es llamado a través de OnServerValidate.

Así de simple, cualquier duda, consulten nomás.

Espero que les sea de utilidad ;)

ASP.NET - Subir archivos al servidor desde pagina html

2011-07-21T10:35:00.000-05:00

Para el amigo que preguntaba cómo se pueden subir archivos al servidor, pero desde una página html.
El proceso es muy simple, son sólo 2 pasos:
1.- Añades una página html a tu proyecto y le insertas este código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
*{font-family: Trebuchet MS, Arial;}
body{background-color: lightgreen;}
</style>
</head>
<body>
<fieldset>
<legend>Subir archivos al servidor mediante página html</legend>
<form method="post" action="WebForm1.aspx" enctype="multipart/form-data">
<input name="File1" id="File1" type="file" />
<p>
<input id="Submit1" type="submit" value="submit" />
</p>
</form>
</fieldset>
</body>
</html>

Fíjate en la línea donde va la etiqueta form, el action=”WebForm1.aspx”, con eso le decimos que la operación es gestionada por dicha página aspx.

2.- Este sería el código asp.net:

protected void Page_Load(object sender, EventArgs e)
{
HttpFileCollection files = Request.Files;

for (int i = 0; i < files.Count; i++)
{
HttpPostedFile f = files[i];
f.SaveAs(Server.MapPath(".") + @"\Uploads\" + f.FileName);
}
}

Ese código permite guardar varios archivos en el servidor.

Si tú sólo quieres subir un archivo, puedes usar este código más reducido:

Request.Files[0].SaveAs(Server.MapPath(".") + @"\Uploads\" + "FileName");

Eso sería todo.

Espero que les sea de utilidad ;)

ASP.NET - convertir o tratar un string como si fuera una url

2011-07-18T10:50:00.015-05:00

Cómo haces para obtener los parámetros querystring de una url? simple, solamente hacemos:

string qs = Request.QueryString["query1"];

No hay nada más que hacer… fue muy simple.

Y por qué fue muy simple?
porque nosotros sabemos que estamos haciendo uso de un dato que la petición web ha traído.

Pero qué pasa si lo que queremos es obtener los parámetros de consulta de una petición web que no se ha hecho?

Osea, tengo la url guardada en un string, pero no he accedido a esa página, sin embargo quiero obtener la información de dicha url.
Digamos que el siguiente string es lo que quiero analizar como si fuera una petición web:

"http://www.midominio.com:8081/pagina.aspx?query1=1&query2=2"

como ven, es simplemente un string… de este string quiero extraer el puerto, el host, los parámetros de consulta, en fin.. todo lo que necesite.

Algunos dirán: “fácil pes, haz un split y obtienes cada cosa que quieres”

Si pues, eso podría funcionar, pero no es el método que aquí recomendamos. A continuación verás cómo solucionar este simple problemilla:

protected void Page_Load(object sender, EventArgs e)
{
string qs = Request.QueryString["query1"];

Uri url = new Uri("http://www.midominio.com:8081/pagina.aspx?query1=1&query2=2");

int port = url.Port;
string host = url.Host;

string queryStrings = url.Query;

string query1 = HttpUtility.ParseQueryString(queryStrings).Get("query1");
string query2 = HttpUtility.ParseQueryString(queryStrings).Get("query2");

}

Les explicaré, hice uso de la clase uri, dándole como parámetro mi url a analizar.

Luego de esto es muy fácil obtener lo que deseamos. El código de arriba me permite obtener el puerto, el host, los parámetros querystring y más información.
Sólo dale una chequeada a la clase Uri.

Espero que les sea de utilidad ;)

La información que compartimos al usar aplicaciones Facebook

2011-07-04T14:48:00.006-05:00

Dado el tremendo éxito de Facebook, muchas aplicaciones aprovechan este panal de usuarios para dar a conocer sus aplicaciones.
Es así que si nosotros queremos usar alguna de las muchas aplicaciones que se cuelgan de facebook, simplemente tenemos que autorizar a que la aplicación acceda a algunos de nuestros datos y con eso basta, Facebook y su API se encargan de gestionar el resto y nosotros sólo tenemos que confiar en que Facebook no compartirá nuestra información crítica.
Pero realmente sabemos qué información compartimos?
Al yo tener esta duda, me he puesto a investigar este tema y he encontrado la respuesta.
Para ello he desarrollado una pequeña aplicación para Facebook llamada Easy To Do, elaborada con C# y ASP.NET, también me he descargado el Facebook Developer Toolkit y lo he instalado en mi PC.

Pero este post no trata sobre la creación de aplicaciones para Facebook, sino sobre qué datos proporciono al autorizar a una aplicación acceder a mi información?
Bueno, luego que instalé el Toolkit, hice referencia a Facebook.dll y… analizando un poco el ensamblado, encontré que hay una clase User, el cual posee las siguientes propiedades (observe las imágenes a continuación):

Cuáles son las buenas noticias? que no comparte toda nuestra información, como el email ni la contraseña, como se suponía que tenía que ser... pero teníamos que confirmarlo no es cierto?

Entonces, la única forma de que dichos propietarios de las aplicaciones que usamos se comuniquen con nosotros es a través de Facebook, aunque también pueden enviarnos mensajes a nuestro correo (a través de Facebook).

A continuación veremos una pantalla algo más elaborada... en la que el usuario está accediendo a proporcionar mucha más información.

En los próximos posts vamos a avanzar juntos en el desarrollo de una aplicación llamada Easy To Do, que funcione especialmente para Facebook… si están interesados claro.
Espero que les sea de utilidad ;)

SQL SERVER - Excluyendo columnas del GROUP BY

2011-06-30T14:10:00.006-05:00

Bueno, el título es medio confuso… pero la idea es intentar recuperar de una tabla de la bd, un conjunto de filas distintas, y que además en su contenido incluyan una fila que no ha sido evaluada en el DISTINCT.
En otras palabras:
algunas veces no queremos que se evalúen todas las columnas… por ejemplo una columna fecha… dado que siempre va a ser distinta, pues la fecha incluye minutos, segundos , milisegundos, etc y entonces siempre cada fila será distinta… por lo que lo más sabio es excluir la fecha de la evaluación del DISTINCT (en tu caso puede ser otro campo, no necesariamente la fecha).
Recordatorio:
Como sabemos el DISTINCT se aplica a toda la fila… y no a sólo algunas columnas, osea, esto no funciona:

SELECT DISTINCT(columna1), columna2, columna3

Si funcionara sería maravilloso.
Y entonces Uds me preguntan:
Y cómo logramos excluir algunas columnas del DISTINCT?
Ajá, para ello hacemos un truco sencillo:
1.- A la columna que no queremos evaluar la ponemos como argumento de una función SQL, por ejemplo MAX(columna1) o MIN(Columna2)
2.- Dado que estamos usando funciones de agrupamiento, tenemos que usar entonces también la cláusula GROUP BY… y como dice la teoría, en el GROUP BY van las columnas que no han sido incluídas en alguna función de agrupamiento. Ejm:

SELECT userid, documentid, MAX(RegisteredDate)
FROM Table_Document
--Opcional: WHERE userid = @userid
GROUP BY userid, documentid

--Opcional: ORDER BY MAX(RegisteredDate)

Los puntos claves aquí son la función de agrupamiento, lo cual me permite evadir la columna RegisteredDate, y el GROUP BY, el cual es necesario al usar funciones de agrupamiento.
Se habrán dado cuenta que no uso el elemento DISTINCT ... para esta solución (paradójicamente) no la necesito.
Ahora hay otro tema que hay que considerar aquí: cómo hago si las columnas que quiero incluir en mi consulta, pero al mismo tiempo quiero excluir del GROUP BY son de tipo texto? (varchar, nvarchar,,,etc)
Interesante pregunta no?
Suponiendo que tengo una columna de tipo varchar, lo que tendría que hacer es envolver la columna de esta manera:
MAX(Cast(column2 as varchar(max))) AS Column2
Y con eso se soluciona el asunto.
Espero que les sea de utilidad ;)

SQL SERVER - Ordenar datos de una columna, poniendo NULL al final

2011-06-13T11:05:00.002-05:00

Digamos que se da el caso que tenemos una lista de tareas por realizar, algunas de las cuales no tienen fecha definida de culminación, por lo tanto se han guardado en la base de datos con fecha NULL.
Luego, imaginemos que tenemos que mostrar estas tareas en una grilla… si nosotros hacemos una consulta para obtener todas las tareas, y las ordenamos por fecha de culminación… veremos desagradablemente que las tareas con fecha NULL se mostrarán primero que las demás… lo cual nos hace recordar que un NULL siempre es menor que un dato no NULL… ejemplo:

SELECT [taskid],[userid],[title],[progress],[duedate]

FROM [dbo].[tm_task]

ORDER BY [duedate] ASC

Y lógicamente no es lo que quisieramos obtener como resultado:

si hay tareas sin fecha definida, estas deberían ir al último (puede ser que tú pienses lo contrario, pero no discutamos).

Entonces, para lograr que las tareas con fecha NULL vayan al final, hacemos uso de COALESCE, elcual nos permite utilizar otro valor si es que el dato es NULL, algo así:

SELECT [taskid],[userid],[title],[progress],

COALESCE([duedate], aqui_pones_una_fecha_con_un_valor_alto) AS [duedate]

FROM [dbo].[tm_task]

ORDER BY [duedate] ASC

Simple no es cierto?

Obviamente no sólo funciona para fechas, también lo puedes usar para números, cadenas, etc.

Espero que les sea de utilidad ;)