Displaying a photo gallery with a ListView control. : ListView « Data Binding « ASP.NET Tutorial






<%@ 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>








19.21.ListView
19.21.1.Using the LayoutTemplate and ItemTemplate
19.21.2.Use a ListView control to render an HTML table.
19.21.3.Displaying a photo gallery with a ListView control.
19.21.4.Selecting a Row
19.21.5.Sorting data with the ListView control.
19.21.6.Editing Database Data
19.21.7.Inserting new records with the ListView control.
19.21.8.Using a DataPager control with the ListView control.
19.21.9.Creating a Custom User Interface for Paging