Displaying a photo gallery with a ListView control. : ListView « Data Binding « ASP.NET Tutorial
- ASP.NET Tutorial
- Data Binding
- ListView
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.Generic" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
void Page_Load()
{
List<string> photos = new List<string>();
photos.Add( "~/Images/A.jpg" );
photos.Add( "~/Images/B.jpg" );
photos.Add( "~/Images/C.jpg" );
photos.Add( "~/Images/D.jpg" );
photos.Add( "~/Images/E.jpg" );
photos.Add( "~/Images/F.jpg" );
photos.Add( "~/Images/G.jpg" );
lstPhotos.DataSource = photos;
lstPhotos.DataBind();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Photo Gallery</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ListView
ID="lstPhotos"
GroupItemCount="3"
runat="server">
<LayoutTemplate>
<asp:Placeholder
id="groupPlaceholder"
runat="server" />
</LayoutTemplate>
<GroupTemplate>
<div>
<asp:Placeholder
id="itemPlaceholder"
runat="server" />
</div>
</GroupTemplate>
<ItemTemplate>
<asp:Image
id="imgPhoto"
ImageUrl='<%# Container.DataItem %>'
Width="200px"
Runat="server" />
</ItemTemplate>
</asp:ListView>
</div>
</form>
</body>
</html>