如何實(shí)現(xiàn)repeater和分頁效果

如何實(shí)現(xiàn)repeater和分頁效果？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比坡頭網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式坡頭網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋坡頭地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

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 : 對(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ì)頁眉進(jìn)行格式設(shè)置（包含在列表的開始處分別呈現(xiàn)的文本和控件。）。

FooterTemplate : 對(duì)頁腳進(jìn)行格式設(shè)置（包含在列表的結(jié)束處分別呈現(xiàn)的文本和控件。）。　　　

Repeater分頁效果如下:

前臺(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;">用戶名</span><span style="padding-left:100px;">注冊(cè)時(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> 
 <p style="margin-left:50px;">
  <p style="margin:0 auto; margin-top:50px;border:1px solid #fff;font-size:16px;font-family:"microsoft yahei","宋體";">
  <a><p 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></p></a>
  <a><p 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></p></a>
  <a><p 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></p></a>
  <a><p 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></p></a>
  <a><p 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></p></a>
  <a><p 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></p></a>
  </p> 
 </p> 
 </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è)置允許分頁
  pag.PageSize = 10; // 每頁顯示為3行
  pag.DataSource = list; // 模板綁定數(shù)據(jù)源 
  zong.Text = pag.PageCount.ToString(); // 顯示總共頁數(shù)
  int CurrentPage;
  // 請(qǐng)求頁碼為不為null設(shè)置當(dāng)前頁，否則為第一頁
  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)前頁所引為頁碼-1
  dangqian.Text = CurrentPage.ToString(); // 當(dāng)前頁
  if (!pag.IsFirstPage)
  {
  //  Request.CurrentExecutionFilePath為當(dāng)前請(qǐng)求虛擬路徑
  lnkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage - 1);
  } 
  // 如果不是最后一頁，通過參數(shù)Page設(shè)置下一頁為當(dāng)前頁+1，否則不顯示連接
  if (!pag.IsLastPage)
  {
  // Request.CurrentExecutionFilePath為當(dāng)前請(qǐng)求虛擬路徑
  lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage + 1);
  }
  //首頁
  first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1);
  //尾頁
  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)行分頁,可執(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();
}

看完上述內(nèi)容，你們掌握如何實(shí)現(xiàn)repeater和分頁效果的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文名稱：如何實(shí)現(xiàn)repeater和分頁效果
URL鏈接：http://chinadenli.net/article22/ihohjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、靜態(tài)網(wǎng)站、軟件開發(fā)、ChatGPT、網(wǎng)站改版、移動(dòng)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

如何實(shí)現(xiàn)repeater和分頁效果