.NET中的repeater簡介及分頁效果

-Advertisement-

Repeater控制項是一個數據綁定容器控制項，它能夠生成各個項的列表，並可以使用模板定義網頁上各個項的佈局。當該頁運行時，該控制項為數據源中的每個項重覆此佈局。配合模板使用repeater控制項若要使用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();
}

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

C#知識整理筆記

這裡簡單介紹了一些常用的屬性,以及一些術語的解釋和舉例說明,不太全面,希望讀者多多補充。 1.重載:函數名相同,參數的個數或參數類型不同; 2.繼承:一個類繼承另一個類中的成員,被繼承的叫做基類,繼承類叫做派生類; 3.多態:可以在子類中重寫父類的方法重寫方法需要定義override類型 4.介面 ...
個人網站

網站地址:siyouku.cn 後臺地址:siyouku.cn/manage 建站初衷其實就是無聊，然後就想著把自己覺得的有趣的技術有趣的demo 丟到這裡。簡單介紹全站均由本人開發，基於ASP.NET MVC框架，使用C#進行編寫，前端和後臺UI框架採用Bootstrap搭建，資料庫為M ...
“許可權系統_基於HUI”的簡單介紹和交流

昂，最近比較閑，寫了個許可權系統。後端框架還是老樣子，基於本人自己搭建的後端基礎開發框架“Spring_Mvc_EF”；前端框架，我挑選了一陣子，最後選用了HUI前端開發框架，因為剛開始覺得HUI看起來比較清爽； ...
WPF綁定之索引器值變化通知

背景在某些應用中，需要在界面上綁定到索引器，併在值發生變化時實時更新。解決方案只要將包含索引器的類實現INotifyPropertyChanged介面，併在索引值更改時引發PropertyChanged事件，並將屬性名稱設置為Item[]即可。示例代碼如下：在代碼中，Binding.Ind ...
線上office文檔編輯NTKO使用心得

目錄前言什麼是ntko 準備工作實戰演練總結一、前言 Web開發中經常需要用到線上處理office文檔的功能，現在市面上有一些常用的Web頁面調用顯示Office的控制項技術，用起來很方便。有一些第三方ActiveX瀏覽器控制項：比如科瀚的SOAOffice中間件、卓正軟體的pageoffic ...
卡拉OK字幕效果製作

就簡單實現一下卡拉OK的字幕效果 * 字的顏色變化是線性變化，即隨時間的線性變化而不是按字的單位變顏色的所以有時候是字的一部分變顏色主要代碼實現如下： Graphics g = pea.Graphics; string str = "信號ねぇ　あるわけねぇ　俺ら村には電気がねぇ！"; Pen ...
MVC增加Areas，避免控制器衝突

通常會增加管理員的區域使項目層次更加清晰 1.右鍵“解決方案”》“增加區域”，然後輸入區功能變數名稱字如“Admin” 2.打開新增區域的路由配置，增加namespace參數 public override void RegisterArea(AreaRegistrationContext context) ...
一個狀態機的實現

interface IState { string Name { get; set; } //後件處理 IList Nexts { get; set; } Func Selector { get; set; } } class State : IState { pu... ...