DataList,PageDataSource打造簡單的相冊

我們一般可以使用 PageDataSource類來對Repeter,DataList等控件進行分頁。我們同樣也可以利用它來打造一個支持分頁的簡單的相冊。

這個是頁面源碼，顯示圖片：

    <form id="form1" runat="server">
        <ASP:ScriptManager ID="ScriptManager1" runat="server" />
        <div align="center">
            <ASP:DataList ID="MainAlbum" runat="server" BackColor="#CCCCCC" BorderColor="#999999"
                Border BorderWidth="3px" CellPadding="4" CellSpacing="2" ForeColor="Black"
                GridLines="Both" RepeatColumns="4" RepeatDirection="Horizontal">
                <FooterStyle BackColor="#CCCCCC" />
                <SelectedItemStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
                <ItemStyle BackColor="White" />
                <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
                <ItemTemplate>
                <div>
                     <a href=''<%#"Photos/"+Eval("Name") %>'' target="_blank" />
                    <ASP:Image ID="Image1" runat="server" width="200" Height="160" ImageUrl=''<%#"Photos/"+Eval("Name") %>'' />
                </div>                         
               </ItemTemplate>
            </ASP:DataList></div>
            <div align="center">
                <asp:Label ID="lblPageCount" runat="server"></ASP:Label>
                <asp:Label ID="lblCount" runat="server"></ASP:Label>
                <asp:LinkButton ID="lbtnPreview" runat="server" Text="上一頁" OnClick="lbtnPrevIEw_Click"></ASP:LinkButton>
                <asp:LinkButton ID="lbtnNext" runat="server" Text="下一頁" OnClick="lbtnNext_Click"></ASP:LinkButton>
   &nbsp;        </div>
    </form>