Ejemplo de ListView en ASP.NET 3.5


Que tal, después de unos largos días de descanso publicare un pequeño ejemplo de como usar estos nuevos controles que vienen incluidos en ASP.NET 3.5 Extensions, creando una website con un XML que en este caso será nuestro feed del blog y mostrandolo en la lista.

1.-Instalamos las extensiones de ASP.NET 3.5 en nuestro Visual Studio 2008.

2.-Creamos una nueva website.

asp1

3.-Colocamos un ListView en nuestra pagina.

asp2

4.-Seleccionamos un XML DataSource con las siguientes opciones:

Nombre de tu URL de Feed de tu Blog,y el Path, como se muestra en la figura:

asp3

5.-Y ahora nos iremos al modo source para poder agregar lo que son itemtemplates, layout templates, que nos pide lo que es el listview para poder mostrar nuestros datos.

<asp:ListView ID=”ListView1″ runat=”server” DataSourceID=”XmlDataSource1″>
        <LayoutTemplate>
        </LayoutTemplate>
        <ItemTemplate>
        </ItemTemplate>

</asp:ListView>

Aquí tengo que aclarar un punto importante, es necesario en la parte de Layout Template añadir un Place Holder de nuestros controles, y colocar en su ID “itemPlaceHolder” para que el ListView pueda reconocer y adaptarse a el indicando que sera el contenedor para cada elemento que se agregará mediante el XML.

<LayoutTemplate>
         <br />
         MrEdison Blog RSS
         <br />
            <asp:PlaceHolder  ID=”itemPlaceHolder” runat=”server”></asp:PlaceHolder>

</LayoutTemplate>

 

En el ItemTemplate colocaremos ciertos puntos importantes, los cuales son el link de cada post, los cuales serán los títulos, además de colocar la fecha de publicación de cada uno y su descripcion.

<ItemTemplate>
             <h2><a href=’<%# XPath(“link”) %>’><%#XPath(“title”)%></a></h2>
             <p><em>Publicado el <%#XPath(“pubDate”)%></em></p>
             <p><%#XPath(“description”)%></p>
  </ItemTemplate>

Quedando de esta forma:

asp4

Podemos añadirle nuestro diseño quedaría finalmente así:

asp5

Saludos…

About these ads

2 Responses to Ejemplo de ListView en ASP.NET 3.5

  1. Gonzalo says:

    Hola, disculpa que te moleste, estoy intentando cargar datos en un listview desde una base mysql con asp.net (NO CON WINDOWS FORM) y realmente no puedo, tendrias algo de codigo para guiarme??
    Te pego lo que estoy haciendo yo, para hacer las cosas rapidas lo pegue directamente desde el page_load

    ConectarMySql()

    Dim Cmd As New MySqlCommand(“select * from Usuarios”, oMySqlConexion)
    Dim Dr As MySqlDataReader

    Try
    Dim item As New ListViewItem ‘ACA ME DA ERROR
    ListView1.Items.Clear()

    oMySqlConexion.Open()
    Dr = Cmd.ExecuteReader

    While Dr.Read()
    item = ListView1.Items.Add(Dr(“user_Id”).ToString) ‘ACA ME DA ERROR
    item.SubItems.Add(CStr(Dr(“user_Descripcion”).ToString)) ‘ACA ME DA ERROR

    End While
    Catch ex As MySqlException
    MsgBox(ex.Message)

    Finally
    oMySqlConexion.Close()
    Cmd = Nothing
    Dr = Nothing
    End Try

    Agradezco tu tiempo

  2. Quizas te sirva de mucha ayuda este post que acabo de realizar, espero poder haber contestado bien tu pregunta. Saludos.

    http://mredison.wordpress.com/2009/07/22/programando-una-aplicacin-asp-net-con-mysql-y-net/

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 127 other followers

%d bloggers like this: