【導(dǎo)讀】而我本人并非專業(yè)做控件開發(fā)，所以只是想著提供點(diǎn)思路，并沒有做太細(xì)致的研究。能夠?qū)崿F(xiàn)的分頁功能。但在實(shí)際的應(yīng)用中，尤其是在Web站點(diǎn)程序中，我們經(jīng)常需要更加漂。此時(shí)，我們常常求助于Repeater控件，這樣我們依舊會面臨分頁及其顯示。當(dāng)前所在頁碼，來在頁面上顯示出一個(gè)效果良好的分頁鏈接，并提供一些簡單的配置功能。是基于Http的Request請求，獲取Url參數(shù)進(jìn)行分頁的；而不是集于Http的Post請求，為什么我一開始就先要說清楚這個(gè)問題？因?yàn)橛械呐笥褑栁?，為什么頁面上有一個(gè)文。本框，我在文本框中輸入了內(nèi)容，然后點(diǎn)擊這個(gè)控件上的鏈接之后，文本框的內(nèi)容沒有了？請求頁面，所有狀態(tài)均不保存。中GridView等控件的分頁方式，它的實(shí)現(xiàn)是提交頁面表單，將分頁信息包含在表單項(xiàng)中。注意到使用這種方式分頁時(shí)，頁面的URL是不會發(fā)生變化的。因?yàn)檫@個(gè)控件設(shè)計(jì)用于前臺用戶界面，我希望通過一個(gè)。相同和分離不同。

　　

【正文】 // Span ()。 // Div } } 這個(gè)類實(shí)現(xiàn)的分頁顯示效果就是你在文章一開始所看到的效果演示。所以在這里我就再不對其顯示效果進(jìn)行說明了，而在代碼中也包含了大量的注釋，相信很容易就能看得明白。 設(shè)置樣式 控件沒有提供任何的樣式控制，對于樣式，你唯一能做的就是通過它的 CssClass屬性來設(shè)置控件生成的 Div的 Class，然后利用這個(gè) Class編寫樣式表來控制顯示。如果有必要，你還可以通過利用 PagerIcon這個(gè) Css類來控制“上一頁”、“下一頁”、“第一頁”、“最末頁”的顯示；通過 CurrentPage 這個(gè) Css類來控制 當(dāng)前頁 的顯示。由此，在所有使用這個(gè)控件的頁面，你都應(yīng)該包含有控制控件樣式的樣式表。 這里，我提供了一個(gè)默認(rèn)的實(shí)現(xiàn) (在你不設(shè)置控件的 CssClass屬性的時(shí)候，默認(rèn)為Pager)： .Pager a{ display:block。 border:1px solid ccc。 float:left。 padding:4px 5px。 textdecoration:none。 textalign:center。 margin:0 1px。 } .Pager { background:999。 color:eee。 } .Pager span{ position:relative。 top:6px。 } 控件的使用 好了，現(xiàn)在一切都 OK了，讓我們看看控件如何使用。 我們以一種最簡單的方式開始，再以一種最復(fù)雜的方式開始。 聲明式使用 直接拖拽控件到頁面上 (比如 )，然后在 CodeBehind 中設(shè)置一下它的RecordCount值就可以了。 aspx頁面代碼如下： // ... 略 %@ Register assembly=ServerControl namespace=ServerControl tagprefix=cc1 % // ... 略 cc1:PagerControl ID=CustomPager1 runat=server / 代碼后置文件的內(nèi)容如下 (片段 )： if(!IsPostBack){ // 最簡單的使用方式 = new DefaultUrlManager(337)。 } 動態(tài)創(chuàng)建式使用 我們也可以編寫后置代碼，然后來動態(tài)地使用它。為了看一下它如何配合 Repeater控件使用，我們再在頁面上拖一個(gè) Repeater控件，采用默認(rèn)的命名 Repeater1； GetList()方法返回一個(gè)列表，我們將對這個(gè)列表進(jìn)行分頁顯示 (下載 完整代碼 )： protected void Page_Load(object sender, EventArgs e) { // 獲取數(shù)據(jù) ListDemoObj list = GetList()。 // 動態(tài)使用方式 PagerControl pager = new PagerControl()。 // 設(shè)置根據(jù) 碼的參數(shù) DefaultUrlManager manager = new DefaultUrlManager(, 7, P)。 = manager。 // 因?yàn)? HttpContext 的原因 UrlManager 不可串行化 // 如果你實(shí)現(xiàn)了自己的 IUrlManager接口，這里可能是這樣： // = new YourUrlManger(133)。 = GreenStyle。 // 設(shè)置顏色 = 3。 // 設(shè)置當(dāng)前頁之前顯示的最大鏈接數(shù) = 3。 // 設(shè)置當(dāng)前也之后可以顯示的最大鏈接數(shù) // 將控件加入到頁面上 (pager)。 // 使用 GetRange() 方法進(jìn)行分頁 PagerAdapterDemoObj adpter = new PagerAdapterDemoObj(list)。 = (manager)。 ()。 } 這里要注意兩個(gè)地方：首先，因?yàn)槭莿討B(tài)創(chuàng)建的控件，所以不能將它放置在if(!IsPostBack){}中。其次，由于我們使用了新的 CssClass樣式，所以你也需要提供 基于GreenStyle的樣式表，我是這樣提供的： .GreenStyle a{ display:block。 border:1px solid 9cba39。 float:left。 padding:4px 5px。 textdecoration:none。 textalign:center。 margin:0 1px。 color:9cba39 } .GreenStyle { background:C5D985。 color:fff。 } .GreenStyle span{ position:relative。 top:6px。 } .GreenStyle span b{ color:C33。 } 總結(jié) 本文我們實(shí)現(xiàn)了 ，通過一個(gè)用戶控件來實(shí)現(xiàn)數(shù)據(jù)分頁的頁面層以達(dá)到代碼重用的目的。 我們使用 UrlManager來實(shí)現(xiàn)了大部分的基礎(chǔ)邏輯，包括獲得當(dāng)前頁數(shù)、計(jì)算分頁總數(shù)等，接著定義了一個(gè)默認(rèn)的 DefaultUrlManager，它使 用 Url參數(shù)來獲得當(dāng)前頁碼，并實(shí)現(xiàn)了 GetPageUrl()方法，用于生成分頁的鏈接。然后我們實(shí)現(xiàn)了控件的主要代碼，它的主要功能就是根據(jù) UrlManager提供的參數(shù)和方法來生成分頁鏈接的 HTML代碼。最后，我們分別使用頁面聲明和動態(tài)創(chuàng)建兩種方式使用了這個(gè)控件。 如同前面所說，這個(gè)控件注重在頁面顯示分頁鏈接，而不涉及如何從數(shù)據(jù)庫表中獲取某頁的數(shù)據(jù)，在它的姐妹篇―― 一步步構(gòu)建“半自動”數(shù)據(jù)分頁模塊 ，我討論了數(shù)據(jù)分頁的話題，并與這個(gè)控件結(jié)合了起來。 感謝你閱讀本文，希望這篇文章能帶給你幫助。