Repeater控件是一個(gè)數(shù)據(jù)綁定容器控件，它能夠生成各個(gè)項(xiàng)的列表，并可以使用模板定義網(wǎng)頁上各個(gè)項(xiàng)的布局。當(dāng)該頁運(yùn)行時(shí)，該控件為數(shù)據(jù)源中的每個(gè)項(xiàng)重復(fù)此布局。
配合模板使用repeater控件
若要使用repeater控件，需創(chuàng)建定義控件內(nèi)容布局的模板。模板可以包含標(biāo)記和控件的任意組合。如果未定義模板，或者模板都不包含元素，則當(dāng)應(yīng)用程序運(yùn)行時(shí)，該控件不顯示在頁面上。
ItemTemplate : 含要為數(shù)據(jù)源中每個(gè)數(shù)據(jù)項(xiàng)都要呈現(xiàn)一次的 HTML 元素和控件。
AlternatingItemTemplate : 對交替數(shù)據(jù)項(xiàng)進(jìn)行格式設(shè)置（包含要為數(shù)據(jù)源中每個(gè)數(shù)據(jù)項(xiàng)都要呈現(xiàn)一次的 HTML 元素和控件。通常，可以使用此模板為交替項(xiàng)創(chuàng)建不同的外觀，例如指定一種與在ItemTemplate中指定的顏色不同的背景色）。
SeparatorTemplate : 對分隔符進(jìn)行格式設(shè)置（包含在每項(xiàng)之間呈現(xiàn)的元素。）。
HeaderTemplate : 對頁眉進(jìn)行格式設(shè)置（包含在列表的開始處分別呈現(xiàn)的文本和控件。）。
FooterTemplate : 對頁腳進(jìn)行格式設(shè)置（包含在列表的結(jié)束處分別呈現(xiàn)的文本和控件。）。
Repeater分頁效果如下:
前臺代碼:
<body> <asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> <p style="background-color:#988c6e;width:400px;padding-top:5px;padding-bottom:5px;margin-left:30px;margin-top:30px;border-radius:5px;color:#fff;font-weight:bold;"><span style="padding-left:30px;">用戶名</span><span style="padding-left:100px;">注冊時(shí)間</span><span style="padding-left:90px;">訪問量</span></p> <table style="margin-left:30px;margin-top:30px;"> </HeaderTemplate> <ItemTemplate> <tr> <td style="width:120px;text-align:left; padding-left:20px;"><%#Eval("Username") %></td> <td style="width:170px;text-align:left; "><%#Eval("RegistrationTime") %></td> <td style="width:50px;text-align:left; "><%#Eval("AccessAmount") %></td> </tr> <tr> <td colspan="3" style="border-bottom:1px inset #C0D9D9;padding-top:7px;"></td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> <div style="margin-left:50px;"> <div style="margin:0 auto; margin-top:50px;border:1px solid #fff;font-size:16px;font-family:"microsoft yahei","宋體";"> <a><div style="border:1px solid #000; width:60px; float:left; margin:5px;text-align:center;"><a style="color:#000">共<asp:Label runat ="server" ID="zong"> </asp:Label>頁</a></div></a> <a><div style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000">第<asp:Label runat ="server" ID="dangqian"> </asp:Label>頁</a></div></a> <a><div style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="first" runat="server" style="color:#000">首頁</asp:hyperlink></a></div></a> <a><div style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkPrev" runat="server" style="color:#000">上一頁</asp:hyperlink></a></div></a> <a><div style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkNext" runat="server" style="color:#000">下一頁</asp:hyperlink></a></div></a> <a><div style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="end" runat="server" style="color:#000">尾頁</asp:hyperlink></a></div></a> </div> </div> </body>
新聞熱點(diǎn)
疑難解答
圖片精選
