天天看點

.NET中的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> 
        <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>      

背景代碼:

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

繼續閱讀