ASP.NET MVC框架已經(jīng)進(jìn)入2.0時(shí)代，本文將從ASP.NET MVC數(shù)據(jù)分頁(yè)談起，希望能對(duì)大家有所幫助。

在網(wǎng)頁(yè)上進(jìn)行表格資料或其他顯示資料的分頁(yè)是一種十分常見(jiàn)的需求，以前我們有 GridView 或 DataPager 可以幫我們自動(dòng)分頁(yè)，雖然到了 ASP.NET MVC 一切全部重頭來(lái)過(guò)，但我們也不用真的那麼辛苦的自己實(shí)做分頁(yè)，因?yàn)樵缇陀腥藥臀覀儗懞贸淌讲㈤_(kāi)放原始碼分享給這個(gè)世界了。

如果你已經(jīng)體會(huì)到在 ASP.NET MVC 中妥善利用強(qiáng)型別(Strong Typed)特性進(jìn)行開(kāi)發(fā)的優(yōu)點(diǎn)時(shí)，你將會(huì)發(fā)現(xiàn)搭配 Visual Studio 2008 進(jìn)行專桉開(kāi)發(fā)的過(guò)程有多美妙。以下我先舉一個(gè)簡(jiǎn)單的例子：

—

你可以在 Controller 中定義一個(gè) Action 方法，并在裡面先取得所有需顯示在 View 中的資料，如果你用 LINQ to SQL 的話，可以直接傳入 IQueryable 型別的物件到 View 中，當(dāng)成 View 裡面使用的 Model，這樣可以享受延遲載入(Defered Loading) 的效果。

public ActionResult Index()     
{     
    IQueryable<Customer> custs =     
        from cust in db.Customers     
        where cust.City == "Taiwan"    
        select cust;         
    
    return View(custs);     
}      
public ActionResult Index()  
{  
    IQueryable<Customer> custs =  
        from cust in db.Customers  
        where cust.City == "Taiwan" 
        select cust;      
 
    return View(custs);  
}   

之后在你的 View 中宣告繼承時(shí)可透過(guò)泛型指派 IQueryable 進(jìn)去：

<%@ Page Language="C#"    Inherits="System.Web.Mvc.ViewPage<IQueryable<Customer>>" %>    
<%@ Page Language="C#" 
Inherits="System.Web.Mvc.ViewPage<IQueryable<Customer>>" %> 

或是轉(zhuǎn)型成統(tǒng)一個(gè) IEnumable ，這也是比較常見(jiàn)的用法：

<%@ Page Language="C#"    
         Inherits="System.Web.Mvc.ViewPage<IEnumable<Customer>>" %>     
<%@ Page Language="C#" 
         Inherits="System.Web.Mvc.ViewPage<IEnumable<Customer>>" %> 

然后你就可以利用 foreach 取出所有資料并將資料顯示出來(lái)了：

<table>     
<% foreach (var item in Model) { %>     
<tr>     
    <td><%= Html.Encode(item.ID) %></td>     
    <td><%= Html.Encode(item.Name) %></td>     
    <td><%= Html.Encode(item.Tel) %></td>     
</tr>     
<% } %>     
</table>     
<table> 
<% foreach (var item in Model) { %> 
<tr> 
    <td><%= Html.Encode(item.ID) %></td> 
    <td><%= Html.Encode(item.Name) %></td> 
    <td><%= Html.Encode(item.Tel) %></td> 
</tr> 
<% } %> 
</table>  

這就是標(biāo)準(zhǔn)的 ASP.NET MVC 取得資料并顯示在 View 中的 Pattern。

—

我們最近在開(kāi)發(fā) ASP.NET MVC 專桉的過(guò)程中，除了自行研究如何有效分頁(yè)以外，也上網(wǎng)找了好幾套 ASP.NET MVC 分頁(yè)的解決方桉，最后我們總結(jié)出一個(gè)最好用的就是這個(gè)元件 ( Paging with ASP.NET MVC )。

要利用這個(gè)元件進(jìn)行資料分頁(yè)，不外乎有幾件事必須做到：

需傳入一個(gè) page 參數(shù)到 Action 中，用以指定你目前要顯示「第幾頁(yè)」的資料。

準(zhǔn)備傳入的資料(Model)，可透過(guò) Paging with ASP.NET MVC 元件中提供的 Extension Method 將 IList, IQueryable, 或 IEnumable 型別的資料轉(zhuǎn)換成 IPagedList 的型別，并傳入 View 中。
透過(guò)一個(gè)自訂的 Html Helper 在 View 中必須顯示「分頁(yè)導(dǎo)覽列」的資訊 (如下圖)

依據(jù)上面三個(gè)步驟進(jìn)行修改，Action 的程式碼會(huì)變成這樣：

view plaincopy to clipboardprint?  
// 分頁(yè)后每頁(yè)顯示的筆數(shù)     
int defaultPageSize = 10;        
    
// 傳入 page 參數(shù) ( 透過(guò) Model Binder 綁進(jìn)來(lái)的 )     
public ActionResult Index(int? page)     
{     
    IQueryable<Customer> custs =     
        from cust in db.Customers     
        where cust.City == "Taiwan"    
        select cust;         
    
    // 計(jì)算出目前要顯示第幾頁(yè)的資料 ( 因?yàn)?nbsp;page 為 Nullable<int> 型別 )     
    int currentPageIndex = page.HasValue ? page.Value - 1 : 0;        
    
    // 透過(guò) ToPagedList 這個(gè) Extension Method 將原本的資料轉(zhuǎn)成 IPagedList<T>     
    return View(custs.ToPagedList(currentPageIndex, defaultPageSize));     
}      
// 分頁(yè)后每頁(yè)顯示的筆數(shù)  
int defaultPageSize = 10;     
 
// 傳入 page 參數(shù) ( 透過(guò) Model Binder 綁進(jìn)來(lái)的 )  
public ActionResult Index(int? page)  
{  
    IQueryable<Customer> custs =  
        from cust in db.Customers  
        where cust.City == "Taiwan" 
        select cust;      
 
    // 計(jì)算出目前要顯示第幾頁(yè)的資料 ( 因?yàn)?nbsp;page 為 Nullable<int> 型別 )  
    int currentPageIndex = page.HasValue ? page.Value - 1 : 0;     
 
    // 透過(guò) ToPagedList 這個(gè) Extension Method 將原本的資料轉(zhuǎn)成 IPagedList<T>  
    return View(custs.ToPagedList(currentPageIndex, defaultPageSize));  
}   

然后在 View 中顯示資料的地方，透過(guò)一個(gè)自訂的 Html Helper 方法顯示分頁(yè)資訊。

首先必須先修改傳入 View 的 Model 型別

<%@ Page Language="C#"    
         Inherits="System.Web.Mvc.ViewPage<IPagedList<Customer>>" %>      
<%@ Page Language="C#" 
         Inherits="System.Web.Mvc.ViewPage<IPagedList<Customer>>" %>   

然后再宣告匯入 MvcPaging 命名空間，好讓 Html.Pager 這個(gè) Html Helper Method 可以使用：
備注： 也可以在 web.config 設(shè)定，請(qǐng)參考 ASP.NET 如何預(yù)設(shè)匯入指定的命名空間(Namespace) 文章!

<%@ Import Namespace="MvcPaging"%>     
<%@ Import Namespace="MvcPaging"%>  

然后原本顯示資料的程式「完全不用改寫」，只要加上「分頁(yè)導(dǎo)覽列」即可：

view plaincopy to clipboardprint?  
<table>     
<% foreach (var item in Model) { %>     
<tr>     
    <td><%= Html.Encode(item.ID) %></td>     
    <td><%= Html.Encode(item.Name) %></td>     
    <td><%= Html.Encode(item.Tel) %></td>     
</tr>     
<% } %>     
</table>        
    
<div class="pager">     
<%= Html.Pager(Model.PageSize, Model.PageNumber, Model.TotalItemCount) %>     
</div>      
<table> 
<% foreach (var item in Model) { %> 
<tr> 
    <td><%= Html.Encode(item.ID) %></td> 
    <td><%= Html.Encode(item.Name) %></td> 
    <td><%= Html.Encode(item.Tel) %></td> 
</tr> 
<% } %> 
</table>     
 
<div class="pager"> 
<%= Html.Pager(Model.PageSize, Model.PageNumber, Model.TotalItemCount) %> 
</div> 

就這樣簡(jiǎn)單幾個(gè)步驟即可完成 ASP.NET MVC 內(nèi)的分頁(yè)了，是不是還不錯(cuò)用呢！

【編輯推薦】

1. 詳解ASP.NET MVC 2中的Area特性
2. 專訪微軟MVP衣明志：走進(jìn)ASP.NET MVC 2框架開(kāi)發(fā)
3. 詳解ASP.NET MVC 2中強(qiáng)類型HTML輔助方法
4. 詳解ASP.NET MVC 2自定義驗(yàn)證
5. Scott Gu教你使用ASP.NET MVC 2新功能