新聞中心
ASP.NET MVC框架已經(jīng)進入2.0時代,本文將從ASP.NET MVC數(shù)據(jù)分頁談起,希望能對大家有所幫助。

10年的霞山網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整霞山建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“霞山網(wǎng)站設(shè)計”,“霞山網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
在網(wǎng)頁上進行表格資料或其他顯示資料的分頁是一種十分常見的需求,以前我們有 GridView 或 DataPager 可以幫我們自動分頁,雖然到了 ASP.NET MVC 一切全部重頭來過,但我們也不用真的那麼辛苦的自己實做分頁,因為早就有人幫我們寫好程式并開放原始碼分享給這個世界了。
如果你已經(jīng)體會到在 ASP.NET MVC 中妥善利用強型別(Strong Typed)特性進行開發(fā)的優(yōu)點時,你將會發(fā)現(xiàn)搭配 Visual Studio 2008 進行專桉開發(fā)的過程有多美妙。以下我先舉一個簡單的例子:
—
你可以在 Controller 中定義一個 Action 方法,并在裡面先取得所有需顯示在 View 中的資料,如果你用 LINQ to SQL 的話,可以直接傳入 IQueryable 型別的物件到 View 中,當(dāng)成 View 裡面使用的 Model,這樣可以享受延遲載入(Defered Loading) 的效果。
- public ActionResult Index()
- {
- IQueryable
custs = - from cust in db.Customers
- where cust.City == "Taiwan"
- select cust;
- return View(custs);
- }
- public ActionResult Index()
- {
- IQueryable
custs = - from cust in db.Customers
- where cust.City == "Taiwan"
- select cust;
- return View(custs);
- }
之后在你的 View 中宣告繼承時可透過泛型指派 IQueryable 進去:
- <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage
>" %> - <%@ Page Language="C#"
- Inherits="System.Web.Mvc.ViewPage
>" %>
或是轉(zhuǎn)型成統(tǒng)一個 IEnumable ,這也是比較常見的用法:
- <%@ Page Language="C#"
- Inherits="System.Web.Mvc.ViewPage
>" %> - <%@ Page Language="C#"
- Inherits="System.Web.Mvc.ViewPage
>" %>
然后你就可以利用 foreach 取出所有資料并將資料顯示出來了:
- <% foreach (var item in Model) { %>
<%= Html.Encode(item.ID) %> <%= Html.Encode(item.Name) %> <%= Html.Encode(item.Tel) %> - <% } %>
- <% foreach (var item in Model) { %>
<%= Html.Encode(item.ID) %> <%= Html.Encode(item.Name) %> <%= Html.Encode(item.Tel) %> - <% } %>
這就是標準的 ASP.NET MVC 取得資料并顯示在 View 中的 Pattern。
—
我們最近在開發(fā) ASP.NET MVC 專桉的過程中,除了自行研究如何有效分頁以外,也上網(wǎng)找了好幾套 ASP.NET MVC 分頁的解決方桉,最后我們總結(jié)出一個最好用的就是這個元件 ( Paging with ASP.NET MVC )。
要利用這個元件進行資料分頁,不外乎有幾件事必須做到:
需傳入一個 page 參數(shù)到 Action 中,用以指定你目前要顯示「第幾頁」的資料。
準備傳入的資料(Model),可透過 Paging with ASP.NET MVC 元件中提供的 Extension Method 將 IList, IQueryable, 或 IEnumable 型別的資料轉(zhuǎn)換成 IPagedList 的型別,并傳入 View 中。
透過一個自訂的 Html Helper 在 View 中必須顯示「分頁導(dǎo)覽列」的資訊 (如下圖)
依據(jù)上面三個步驟進行修改,Action 的程式碼會變成這樣:
- view plaincopy to clipboardprint?
- // 分頁后每頁顯示的筆數(shù)
- int defaultPageSize = 10;
- // 傳入 page 參數(shù) ( 透過 Model Binder 綁進來的 )
- public ActionResult Index(int? page)
- {
- IQueryable
custs = - from cust in db.Customers
- where cust.City == "Taiwan"
- select cust;
- // 計算出目前要顯示第幾頁的資料 ( 因為 page 為 Nullable
型別 ) - int currentPageIndex = page.HasValue ? page.Value - 1 : 0;
- // 透過 ToPagedList 這個 Extension Method 將原本的資料轉(zhuǎn)成 IPagedList
- return View(custs.ToPagedList(currentPageIndex, defaultPageSize));
- }
- // 分頁后每頁顯示的筆數(shù)
- int defaultPageSize = 10;
- // 傳入 page 參數(shù) ( 透過 Model Binder 綁進來的 )
- public ActionResult Index(int? page)
- {
- IQueryable
custs = - from cust in db.Customers
- where cust.City == "Taiwan"
- select cust;
- // 計算出目前要顯示第幾頁的資料 ( 因為 page 為 Nullable
型別 ) - int currentPageIndex = page.HasValue ? page.Value - 1 : 0;
- // 透過 ToPagedList 這個 Extension Method 將原本的資料轉(zhuǎn)成 IPagedList
- return View(custs.ToPagedList(currentPageIndex, defaultPageSize));
- }
然后在 View 中顯示資料的地方,透過一個自訂的 Html Helper 方法顯示分頁資訊。
首先必須先修改傳入 View 的 Model 型別
- <%@ Page Language="C#"
- Inherits="System.Web.Mvc.ViewPage
>" %> - <%@ Page Language="C#"
- Inherits="System.Web.Mvc.ViewPage
>" %>
然后再宣告匯入 MvcPaging 命名空間,好讓 Html.Pager 這個 Html Helper Method 可以使用:
備注: 也可以在 web.config 設(shè)定,請參考 ASP.NET 如何預(yù)設(shè)匯入指定的命名空間(Namespace) 文章!
- <%@ Import Namespace="MvcPaging"%>
- <%@ Import Namespace="MvcPaging"%>
然后原本顯示資料的程式「完全不用改寫」,只要加上「分頁導(dǎo)覽列」即可:
- view plaincopy to clipboardprint?
- <% foreach (var item in Model) { %>
<%= Html.Encode(item.ID) %> <%= Html.Encode(item.Name) %> <%= Html.Encode(item.Tel) %> - <% } %>
- <%= Html.Pager(Model.PageSize, Model.PageNumber, Model.TotalItemCount) %>
- <% foreach (var item in Model) { %>
<%= Html.Encode(item.ID) %> <%= Html.Encode(item.Name) %> <%= Html.Encode(item.Tel) %> - <% } %>
- <%= Html.Pager(Model.PageSize, Model.PageNumber, Model.TotalItemCount) %>
就這樣簡單幾個步驟即可完成 ASP.NET MVC 內(nèi)的分頁了,是不是還不錯用呢!
【編輯推薦】
- 詳解ASP.NET MVC 2中的Area特性
- 專訪微軟MVP衣明志:走進ASP.NET MVC 2框架開發(fā)
- 詳解ASP.NET MVC 2中強類型HTML輔助方法
- 詳解ASP.NET MVC 2自定義驗證
- Scott Gu教你使用ASP.NET MVC 2新功能
分享文章:詳解ASP.NETMVC數(shù)據(jù)分頁
網(wǎng)站地址:http://www.dlmjj.cn/article/djosphg.html


咨詢
建站咨詢
