WebPager 控件的源碼及其演示程序。點(diǎn)此下載壓縮包。
關(guān)于A(yíng)SP.NET里的翻頁(yè)控件,大家應該都很熟悉,網(wǎng)上也有很多這樣的例子。我也做過(guò)不少各種類(lèi)型的此類(lèi)控件,但設計思想都不太一樣。從功能上看,一種是只呈現翻頁(yè)所需的外觀(guān)和操作,一種是同時(shí)包裝了對數據的分頁(yè)功能。從形式上看,有擴展DataGrid翻頁(yè)功能的(嵌入式),也有能夠獨立實(shí)現翻頁(yè)的。
而我做這套
WebPager 的目的,就是希望能夠兼顧以上各個(gè)方面,做出靈活而擴展性強的翻頁(yè)控件。也就是說(shuō)它既可以嵌入DataGrid,又可以單獨使用。 同時(shí)最好能夠讓我可以方便地切換翻頁(yè)樣式或者外觀(guān),而不用改變類(lèi)或接口。
獨立內嵌外觀(guān) 實(shí)現這個(gè)目標其實(shí)不難,我們本來(lái)是要繼承DataGrid類(lèi),然后重寫(xiě)其產(chǎn)生和控制翻頁(yè)的部分。
public sealed class AdvDataGrid : DataGrid {
public AdvDataGrid() {
this.ItemCreated += new DataGridItemEventHandler( AdvDataGrid_ItemCreated );
}
private void AdvDataGrid_ItemCreated( object sender , System.Web.UI.WebControls.DataGridItemEventArgs e ) {
if ( e.Item.ItemType == ListItemType.Pager ) {
Literal msg = new Literal();
msg.Text = "把這三句代碼替換成呈現實(shí)際翻頁(yè)控件外觀(guān)的代碼。";
( ( TableCell ) e.Item.Controls[0] ).Controls.Add( msg );
}
}
} 要實(shí)現翻頁(yè)子控件的重用,既能獨立使用,又能內嵌,只要把這部分代碼抽離出來(lái),放在一個(gè)獨立的類(lèi)里面就可以。在這里,我們提取所有翻頁(yè)子控件的公共接口:
IDataPager。
ItemCreated 事件里的代碼要改成:
IDataPager pager = DataPagerFactory.CreateDataPager("SimplePager");
( ( TableCell ) e.Item.Controls[0] ).Controls.Add( pager ); 這里我們先打住,看看這樣做的好處。首先,翻頁(yè)代碼放到獨立的類(lèi)中,有助于復用(為獨立使用翻頁(yè)控件做準備);其次,由于提煉出公共接口,凡是實(shí)現該接口的類(lèi)都可以被加載到DataGrid中作為翻頁(yè)子控件,實(shí)現了多樣化;第三,使用工廠(chǎng)模式創(chuàng )建具體的翻頁(yè)子控件,可以非常方便地切換外觀(guān)。
我們這里只實(shí)現了內嵌DataGrid。如果DataList怎么辦?沒(méi)關(guān)系,照葫蘆畫(huà)瓢。在 ItemCreated 事件中重寫(xiě)外觀(guān)。DataList不支持翻頁(yè),沒(méi)有 ItemType == ListItemType.Pager 的?也不要緊,我們可以在 DataList 的 Footer 部分加載翻頁(yè)子控件。
我們這里實(shí)現了兩個(gè)翻頁(yè)子控件的容器,DataGrid 和 DataList??纯此麄冇惺裁垂餐c(diǎn)沒(méi)有。首先需要有分頁(yè)信息吧,比如當前頁(yè),頁(yè)大小,總記錄等等。這個(gè)類(lèi)我們已經(jīng)封裝到了
PagerInfo 里面。所有的容器都要有這樣一個(gè)屬性。其次,我們要能夠通過(guò)修改
PagerClass 來(lái)隨時(shí)改變這個(gè)容器具體使用的 Pager 的種類(lèi)。這個(gè)也要做到屬性里。還有翻頁(yè)發(fā)生時(shí)所觸發(fā)的事件,這個(gè)也是必不可少的。
那么我們這里再為翻頁(yè)子控件的容器類(lèi)再提取一個(gè)接口:
IDataPagerContainer。所有可以加載翻頁(yè)控件的容器都要實(shí)現該接口。
這樣,我們的 WebPager 的類(lèi)結構基本上就已經(jīng)形成了。由
IDataPager 接口延伸出各種各樣的翻頁(yè)子控件。由
IDataPagerContainer 接口延伸出各種各樣的包含容器。它們之間可以自由地掛接與組合。
剩下最后一個(gè)問(wèn)題沒(méi)有解決。就是獨立使用翻頁(yè)控件。這個(gè)也是比較簡(jiǎn)單的。所有翻頁(yè)控件都有 PagerInfo 屬性,描述了當前分頁(yè)信息。當頁(yè)面改變時(shí),它的 PagerInfo.PageIndex 也隨著(zhù)改變。然后根據這個(gè)來(lái)取得不同的數據,然后讓數據顯示控件進(jìn)行綁定即可。
這里我本來(lái)是打算做成翻頁(yè)子控件能夠完全獨立地運行和顯示。也就是說(shuō)它們可以被拖拽到頁(yè)面。但后來(lái)發(fā)現這樣實(shí)現起來(lái)很不漂亮,而且拋棄了原先的結構。所以子控件的獨立使用,其實(shí)還是借助了一個(gè)第三方的容器:
DataPagerContainer。這是一個(gè)通用并且簡(jiǎn)單的
IDataPagerContainer 接口的實(shí)現。這樣獨立使用翻頁(yè)控件的時(shí)候,仍然可以方便地改變外觀(guān)。
類(lèi)結構:
| Hooyee.Utils.PagerInfo | 封裝數據分頁(yè)信息。 如PageSize、PageIndex |
| Hooyee.WebControls.IDataPagerContainer | 翻頁(yè)控件的容器對象的公共支持接口。 |
| Hooyee.WebControls.DataPagerContainer | 通用的數據翻頁(yè)控件的容器類(lèi)。 可以作為默認容器。 |
| Hooyee.WebControls.AdvDataGrid | 支持翻頁(yè)控件的DataGrid |
| Hooyee.WebControls.AdvDataList | 支持翻頁(yè)控件的DataList |
| Hooyee.WebControls.IDataPager | 實(shí)現數據翻頁(yè)功能的用戶(hù)控件的公共接口。 |
| Hooyee.WebControls.DataPagerBase | 用于實(shí)現數據翻頁(yè)功能的用戶(hù)控件的公共抽象基類(lèi)。 |
| Hooyee.WebControls.FirstPager | 一個(gè)具體的翻頁(yè)子控件實(shí)現。 |
| Hooyee.WebControls.SecondPager | 一個(gè)具體的翻頁(yè)子控件實(shí)現。 |
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。