.NET中的repeater簡(jiǎn)介及分頁(yè)效果
Repeater控件是一個(gè)數(shù)據(jù)綁定容器控件,它能夠生成各個(gè)項(xiàng)的列表,并可以使用模板定義網(wǎng)頁(yè)上各個(gè)項(xiàng)的布局。當(dāng)該頁(yè)運(yùn)行時(shí),該控件為數(shù)據(jù)源中的每個(gè)項(xiàng)重復(fù)此布局。
配合模板使用repeater控件
若要使用repeater控件,需創(chuàng)建定義控件內(nèi)容布局的模板。模板可以包含標(biāo)記和控件的任意組合。如果未定義模板,或者模板都不包含元素,則當(dāng)應(yīng)用程序運(yùn)行時(shí),該控件不顯示在頁(yè)面上。
ItemTemplate : 含要為數(shù)據(jù)源中每個(gè)數(shù)據(jù)項(xiàng)都要呈現(xiàn)一次的 HTML 元素和控件。
AlternatingItemTemplate : 對(duì)交替數(shù)據(jù)項(xiàng)進(jìn)行格式設(shè)置(包含要為數(shù)據(jù)源中每個(gè)數(shù)據(jù)項(xiàng)都要呈現(xiàn)一次的 HTML 元素和控件。通常,可以使用此模板為交替項(xiàng)創(chuàng)建不同的外觀,例如指定一種與在ItemTemplate中指定的顏色不同的背景色)。
SeparatorTemplate : 對(duì)分隔符進(jìn)行格式設(shè)置(包含在每項(xiàng)之間呈現(xiàn)的元素。)。
HeaderTemplate : 對(duì)頁(yè)眉進(jìn)行格式設(shè)置(包含在列表的開(kāi)始處分別呈現(xiàn)的文本和控件。)。
FooterTemplate : 對(duì)頁(yè)腳進(jìn)行格式設(shè)置(包含在列表的結(jié)束處分別呈現(xiàn)的文本和控件。)。
Repeater分頁(yè)效果如下:
前臺(tái)代碼:
<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;">用戶(hù)名</span><span style="padding-left:100px;">注冊(cè)時(shí)間</span><span style="padding-left:90px;">訪問(wèn)量</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>頁(yè)</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>頁(yè)</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">首頁(yè)</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">上一頁(yè)</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">下一頁(yè)</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">尾頁(yè)</asp:hyperlink></a></div></a> </div> </div> </body>
后臺(tái)代碼:
protected void Page_Load(object sender, EventArgs e) { if(!Page.IsPostBack) { getUsers(); } } private void getUsers() { List<Users1> list = new AdminManager().QueryUsers(); PagedDataSource pag = new PagedDataSource(); pag.AllowPaging = true;// 設(shè)置允許分頁(yè) pag.PageSize = 10; // 每頁(yè)顯示為3行 pag.DataSource = list; // 模板綁定數(shù)據(jù)源 zong.Text = pag.PageCount.ToString(); // 顯示總共頁(yè)數(shù) int CurrentPage; // 請(qǐng)求頁(yè)碼為不為null設(shè)置當(dāng)前頁(yè),否則為第一頁(yè) if (Request.QueryString["Page"] != null) { CurrentPage = Convert.ToInt32(Request.QueryString["Page"]); } else { CurrentPage = 1; } if (Request.QueryString["PageSize"] != null) { pag.PageSize = Convert.ToInt32(Request.QueryString["PageSize"]); } else { pag.PageSize = 10; } pag.CurrentPageIndex = CurrentPage - 1; // 當(dāng)前頁(yè)所引為頁(yè)碼-1 dangqian.Text = CurrentPage.ToString(); // 當(dāng)前頁(yè) if (!pag.IsFirstPage) { // Request.CurrentExecutionFilePath為當(dāng)前請(qǐng)求虛擬路徑 lnkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage - 1); } // 如果不是最后一頁(yè),通過(guò)參數(shù)Page設(shè)置下一頁(yè)為當(dāng)前頁(yè)+1,否則不顯示連接 if (!pag.IsLastPage) { // Request.CurrentExecutionFilePath為當(dāng)前請(qǐng)求虛擬路徑 lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage + 1); } //首頁(yè) first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1); //尾頁(yè) end.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + pag.PageCount.ToString(); if (Convert.ToInt32(HttpContext.Current.Request["page"]) > pag.PageCount) { first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1); } this.Repeater1.DataSource = pag; this.Repeater1.DataBind(); }
如果不需要進(jìn)行分頁(yè),可執(zhí)行以下代碼:
protected void Page_Load(object sender, EventArgs e) { if(!Page.IsPostBack) { getUsers(); } } private void getUsers() { List<Users1> list = new AdminManager().QueryUsers(); this.Repeater1.DataSource = list ; this.Repeater1.DataBind(); }
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
利用Asp.Net回調(diào)機(jī)制實(shí)現(xiàn)進(jìn)度條
本文將利用Asp.Net的回調(diào)機(jī)制使用Js實(shí)現(xiàn)一個(gè)簡(jiǎn)易進(jìn)度條2009-01-01.NET實(shí)現(xiàn)倉(cāng)儲(chǔ)Repository(AI)的操作方法
倉(cāng)儲(chǔ)模式是一種在應(yīng)用程序中使用的設(shè)計(jì)模式,它將數(shù)據(jù)訪問(wèn)邏輯與業(yè)務(wù)邏輯分離,通過(guò)倉(cāng)儲(chǔ)接口和倉(cāng)儲(chǔ)實(shí)現(xiàn)類(lèi),您可以定義和實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作,這篇文章主要介紹了.NET?實(shí)現(xiàn)倉(cāng)儲(chǔ)Repository(AI),需要的朋友可以參考下2023-09-09C# 沒(méi)有動(dòng)態(tài)的數(shù)組,可以用arraylist或list取代
C#里沒(méi)有動(dòng)態(tài)的數(shù)組,只能用arraylist或list取代。2009-06-06ASP.NET?Core中使用滑動(dòng)窗口限流的問(wèn)題及場(chǎng)景分析
這篇文章主要介紹了ASP.NET?Core中使用滑動(dòng)窗口限流的問(wèn)題,主要介紹服務(wù)限流場(chǎng)景中的應(yīng)用,如何使用滑動(dòng)窗口來(lái)解決這個(gè)問(wèn)題,本文通過(guò)實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì),需要的朋友參考下吧2021-12-12asp.net反射簡(jiǎn)單應(yīng)用實(shí)例
這篇文章主要介紹了asp.net反射簡(jiǎn)單應(yīng)用,結(jié)合完整實(shí)例形式分析了asp.net反射的原理與簡(jiǎn)單使用方法,需要的朋友可以參考下2017-02-02白刃之戰(zhàn):PHP vs. ASP.NET(節(jié)選)-架構(gòu)比較
白刃之戰(zhàn):PHP vs. ASP.NET(節(jié)選)-架構(gòu)比較...2006-09-09asp.net Web.config 詳細(xì)配置說(shuō)明
asp.net開(kāi)發(fā)的朋友,經(jīng)常用得到web.config文件的配置,所以我們特整理了中文說(shuō)明。2009-06-06