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.
3.-Colocamos un ListView en nuestra pagina.
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:
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:
Podemos añadirle nuestro diseño quedaría finalmente así:
