關於repeater和分頁效果的代碼詳解(ASP)

來源:互聯網
上載者:User
Repeater控制項是一個資料繫結容器控制項,它能夠產生各個項的列表,並可以使用模板定義網頁上各個項的布局。本文對此進行詳細介紹,下面跟著小編一起來看下吧

Repeater控制項是一個資料繫結容器控制項,它能夠產生各個項的列表,並可以使用模板定義網頁上各個項的布局。當該頁運行時,該控制項為資料來源中的每個項重複此布局。

配合模板使用repeater控制項

若要使用repeater控制項,需建立定義控制項內容布局的模板。模板可以包含標記和控制項的任意組合。如果未定義模板,或者模板都不包含元素,則當應用程式運行時,該控制項不顯示在頁面上。

ItemTemplate : 含要為資料來源中每個資料項目都要呈現一次的 HTML 元素和控制項。

AlternatingItemTemplate : 對交替資料項目進行格式設定(包含要為資料來源中每個資料項目都要呈現一次的 HTML 元素和控制項。通常,可以使用此模板為交替項建立不同的外觀,例如指定一種與在ItemTemplate中指定的顏色不同的背景色)。

SeparatorTemplate : 對分隔字元進行格式設定(包含在每項之間呈現的元素。)。

HeaderTemplate : 對頁首進行格式設定(包含在列表的開始處分別呈現的文本和控制項。)。

FooterTemplate : 對頁尾進行格式設定(包含在列表的結束處分別呈現的文本和控制項。)。     

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;">註冊時間</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>

後台代碼:

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;// 設定允許分頁  pag.PageSize = 10; // 每頁顯示為3行  pag.DataSource = list; // 模板綁定資料來源   zong.Text = pag.PageCount.ToString(); // 顯示總共頁數  int CurrentPage;  // 請求頁碼為不為null設定當前頁,否則為第一頁  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; // 當前頁所引為頁碼-1  dangqian.Text = CurrentPage.ToString(); // 當前頁  if (!pag.IsFirstPage)  {  //  Request.CurrentExecutionFilePath為當前請求虛擬路徑  lnkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage - 1);  }   // 如果不是最後一頁,通過參數Page設定下一頁為當前頁+1,否則不顯示串連  if (!pag.IsLastPage)  {  // Request.CurrentExecutionFilePath為當前請求虛擬路徑  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(); }

如果不需要進行分頁,可執行以下代碼:

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();}

【相關推薦】

1. ASP免費視頻教程

2. ASP教程

3. 李炎恢ASP基礎視頻教程

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.