public ActionResult Index(int? page)
{
 IQueryable<Customer> custs =  
  from cust in db.Customers  
  where cust.City == "Taiwan"
  select cust;
 
 // 計算出目前要顯示第幾頁的資料 ( 因為 page 為 Nullable<int> 型別 )
 int currentPageIndex = page.HasValue ? page.Value - 1 : 0;

 // 透過 ToPagedList 這個 Extension Method 將原本的資料轉成 IPagedList<T>
 return View(custs.ToPagedList(currentPageIndex, defaultPageSize));
}

然後在 View 中顯示資料的地方，透過一個自訂的 Html Helper 方法顯示分頁資訊。

首先必須先修改傳入 View 的 Model 型別
view plaincopy to clipboardprint?

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

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

然後再宣告匯入 MvcPaging 命名空間，好讓 Html.Pager 這個 Html Helper Method 可以使用：
備註： 也可以在 web.config 設定，請參考 ASP.NET 如何預設匯入指定的命名空間(Namespace) 文章!
view plaincopy to clipboardprint?

    <%@ Import Namespace="MvcPaging"%> 

<%@ Import Namespace="MvcPaging"%>

然後原本顯示資料的程式「完全不用改寫」，只要加上「分頁導覽列」即可：
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>

就這樣簡單幾個步驟即可完成 ASP.NET MVC 內的分頁了，是不是還不錯用呢！

上一页  [1] [2]