需求及模擬代碼

需求，假設我們有個列表，有分頁功能，我們可能需要一個頁碼列表，如

  

我們模擬寫一下Action：

public ActionResult Index(int? p)  
{  
    if (!p.HasValue) p = 1;//如果未對p傳值就是第1頁  
    var list = new List< int>();//生成一個模擬列表  
    for (var i = 0; i <  10;i++ )  
    {  
        list.Add(p.Value);//是第幾頁就向中填充幾個這個頁碼的數  
    }  
    return View(list);//強型傳遞給View  

View中我寫以下顯示方式：

< %@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage< List< int>>" %>  
    
 < asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">  
     Pager for List  
 < /asp:Content>  
    
 < asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">  
     < div>  
         < ul>  
            < %foreach (int i in Model){//顯示這個列表%>  
            < li>< %=i %>< /li>  
            < %} %>  
        < /ul>  
    < /div>  
    < !--將在這里顯示分頁的部分-->  
   < /asp:Content> 

下面是運行后的結果：

ASP.NET MVC分頁控件：***頁URL類似/Home/Index?p=1

  

ASP.NET MVC分頁控件：第二頁URL類似/Home/Index?p=2

 

其它頁面以此類推

ASP.NET MVC分頁控件：最簡單的解決方案

我想最簡單無非就是直接寫鏈接，當然也要考慮更換Routing規則的問題，所以我們可以最簡單如下來寫： 

< %  
             int p = 1;  
             int.TryParse(Request.QueryString["p"], out p);  
   %>  
   < div>  
   < %=Html.ActionLink("上一頁", "Index", new { p= p-1})%>  
   < strong>當前頁：< %=p %>< /strong>  
   < %=Html.ActionLink("下一頁", "Index", new { p= p+1})%>  
   < /div>  

這樣就可以得到如果下的分頁樣式

  

當然，也可以根據這個來寫1，2，3，4，5頁的鏈接，而不寫“上一頁”或“下一頁”

但是這種方法有個問題，就是使用Html.ActionLink的時候要用字符串來指定Action和Controller。下面我們來改換另一種方法來實現

使用RouteLink來實現

我們使用Html.RouteLink就可以實現不與Action或Controller的名稱相耦合，例如：

< %for (int i = 1; i <  10; i++)  
    {  
        ViewContext.RouteData.Values["p"] = i;//設置頁碼  
        Writer.Write(  
           Html.RouteLink(i.ToString(), ViewContext.RouteData.Values)  
            );//顯示設置頁面后的鏈接  
        Writer.Write(" ");//連接后顯示個空格，好看點  
        
    }%> 

這個列表，我們就可以顯示為

 

完善這個Pager并封裝成一個Helper

上面列出了Pager，但是有幾個問題

1.沒有上下頁

2.沒有指定當前頁的特殊顯示

3.每次調用時都要寫一次

4.如果QueryString有其它參數時無法處理

那我們下面來完善這個Pager

并將之封裝成一個Helper 

using System;  
  using System.Collections.Generic;  
  using System.Linq;  
  using System.Web;  
  using System.Web.Mvc;  
  using System.Web.Routing;  
  using System.Text;  
  using System.Web.Mvc.Html;  
    
 namespace MvcApplication2.Helpers  
 {  
     public static class PagerExtensions  
     {  
         /**//// < summary>    
         /// 分頁Pager顯示    
         /// < /summary>     
         /// < param name="html">< /param>    
         /// < param name="currentPageStr">標識當前頁碼的QueryStringKey< /param>     
         /// < param name="pageSize">每頁顯示< /param>    
         /// < param name="totalCount">總數據量< /param>    
         /// < returns>< /returns>   
         public static string Pager(this HtmlHelper html, string currentPageStr, int pageSize, int totalCount)  
         {  
            var queryString = html.ViewContext.HttpContext.Request.QueryString;  
             int currentPage = 1; //當前頁    
             var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //總頁數    
             var dict = new System.Web.Routing.RouteValueDictionary(html.ViewContext.RouteData.Values);  
             var output = new System.Text.StringBuilder();  
             if (!string.IsNullOrEmpty(queryString[currentPageStr]))  
             {  
                 //與相應的QueryString綁定   
                 foreach (string key in queryString.Keys)  
                     if (queryString[key] != null && !string.IsNullOrEmpty(key))  
                        dict[key] = queryString[key];  
                 int.TryParse(queryString[currentPageStr], out currentPage);  
             }  
             else 
             {  
                 //獲取 ～/Page/{page number} 的頁號參數  
                 int.TryParse(dict[currentPageStr].ToString(), out currentPage);  
             }  
             if (currentPage < = 0) currentPage = 1;  
             if (totalPages > 1)  
             {  
                 if (currentPage != 1)  
                 {  
                     //處理首頁連接    
                     dict[currentPageStr] = 1;  
                     output.AppendFormat("{0} ", html.RouteLink("首頁", dict));  
                 }  
                 if (currentPage > 1)  
                 {  
                     //處理上一頁的連接    
                     dict[currentPageStr] = currentPage - 1;  
                     output.Append(html.RouteLink("上一頁", dict));  
                }  
                 else 
                 {  
                     output.Append("上一頁");  
                 }  
                 output.Append(" ");  
                 int currint = 5;  
                 for (int i = 0; i < = 10; i++)  
                 {  
                     //一共最多顯示10個頁碼，前面5個，后面5個    
                     if ((currentPage + i - currint) >= 1 && (currentPage + i - currint) < = totalPages)  
                         if (currint == i)  
                         {  
                             //當前頁處理    
                             output.Append(string.Format("[{0}]", currentPage));  
                         }  
                         else 
                         {  
                             //一般頁處理   
                             dict[currentPageStr] = currentPage + i - currint;  
                             output.Append(html.RouteLink((currentPage + i - currint).ToString(), dict));  
                         }  
                     output.Append(" ");  
                 }  
                 if (currentPage <  totalPages)  
                 {  
                     //處理下一頁的鏈接   
                     dict[currentPageStr] = currentPage + 1;  
                     output.Append(html.RouteLink("下一頁", dict));  
                 }  
                 else 
                 {  
                     output.Append("下一頁");  
                 }  
                 output.Append(" ");  
                 if (currentPage != totalPages)  
                 {  
                     dict[currentPageStr] = totalPages;  
                     output.Append(html.RouteLink("末頁", dict));  
                 }  
                output.Append(" ");  
             }  
             output.AppendFormat("{0} / {1}", currentPage, totalPages);//這個統計加不加都行   
             return output.ToString();  
        }  
    } 

添加Controller代碼：

public ActionResult Index(int? page)  
        {  
            if (page == null)  
                page = 1;  
            return View();  
        }  

aspx頁面調用：

< %=Html.Pager("page", 10, 10020)%> 

效果

 

這回我們算是解決了這個問題，ASP.NET MVC分頁控件成功構建。

【編輯推薦】

1. 在DataBound事件處理中編碼確定數據的值
2. 使用ASP.NET 2.0 FormView顯示數據
3. ASP.NET DetailsView中格式化單元格
4. 如何在DataBound事件中編碼確定數據的值
5. DetailsView分頁顯示數據