ASP.NET MVC 分页控件

 

3.Pager

3.1需求及模拟代码

需求，假设我们有个列表，有分页功能，我们可能需要一个页码列表，如

我们模拟写一下Action：

   1: public ActionResult Index(int? p)

   2: {

   3:     if (!p.HasValue) p = 1;//如果未对p传值就是第1页

   4:     var list = new List<int>();//生成一个模拟列表

   5:     for (var i = 0; i < 10;i++ )

   6:     {

   7:         list.Add(p.Value);//是第几页就向中填充几个这个页码的数

   8:     }

   9:     return View(list);//强型传递给View

  10: }

View中我写以下显示方式：

   1: <%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<List<int>>" %>

   2:  

   3: <asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">

   4:     Pager for List

   5: </asp:Content>

   6:  

   7: <asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">

   8:     <div>

   9:         <ul>

  10:             <%foreach (int i in Model){//显示这个列表%>

  11:             <li><%=i %></li>

  12:             <%} %>

  13:         </ul>

  14:     </div>

  15:     <!--将在这里显示分页的部分-->

  16:    </asp:Content>

下面是运行后的结果：

第一页URL类似/Home/Index?p=1

第二页URL类似/Home/Index?p=2

其它页面以此类推

3.2最简单的解决方案

我想最简单无非就是直接写链接，当然也要考虑更换Routing规则的问题，所以我们可以最简单如下来写：

   1: <%

   2:           int p = 1;

   3:           int.TryParse(Request.QueryString["p"], out p);

   4: %>

   5: <div>

   6: <%=Html.ActionLink("上一页", "Index", new { p= p-1})%>

   7: <strong>当前页：<%=p %></strong>

   8: <%=Html.ActionLink("下一页", "Index", new { p= p+1})%>

   9: </div>

这样就可以得到如果下的分页样式

当然，也可以根据这个来写1，2，3，4，5页的链接，而不写“上一页”或“下一页”

但是这种方法有个问题，就是使用Html.ActionLink的时候要用字符串来指定Action和Controller。下面我们来改换另一种方法来实现

3.3使用RouteLink来实现

我们使用Html.RouteLink就可以实现不与Action或Controller的名称相耦合，例如：

   1: <%for (int i = 1; i < 10; i++)

   2:     {

   3:         ViewContext.RouteData.Values["p"] = i;//设置页码

   4:         Writer.Write(

   5:             Html.RouteLink(i.ToString(), ViewContext.RouteData.Values)

   6:             );//显示设置页面后的链接

   7:         Writer.Write(" ");//连接后显示个空格，好看点

   8:       

   9:     }%>

这个列表，我们就可以显示为

3.4完善这个Pager并封装成一个Helper

上面列出了Pager，但是有几个问题

1. 没有上下页
2. 没有指定当前页的特殊显示
3. 每次调用时都要写一次
4. 如果QueryString有其它参数时无法处理

那我们下面来完善这个Pager

并将之封装成一个Helper

  1using System;
  2using System.Collections.Generic;
  3using System.Linq;
  4using System.Web;
  5using System.Web.Mvc;
  6using System.Web.Routing;
  7using System.Text;
  8using System.Web.Mvc.Html;
  9
 10namespace MvcApplication2.Helpers
 11{
 12    public static class PagerExtensions
 13    {
 14        /**//// <summary>  
 15        /// 分页Pager显示  
 16        /// </summary>   
 17        /// <param name="html"></param>  
 18        /// <param name="currentPageStr">标识当前页码的QueryStringKey</param>   
 19        /// <param name="pageSize">每页显示</param>  
 20        /// <param name="totalCount">总数据量</param>  
 21        /// <returns></returns> 
 22        public static string Pager(this HtmlHelper html, string currentPageStr, int pageSize, int totalCount)
 23        {
 24            var queryString = html.ViewContext.HttpContext.Request.QueryString;
 25            int currentPage = 1; //当前页  
 26            var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //总页数  
 27            var dict = new System.Web.Routing.RouteValueDictionary(html.ViewContext.RouteData.Values);
 28            var output = new System.Text.StringBuilder();
 29            if (!string.IsNullOrEmpty(queryString[currentPageStr]))
 30            {
 31                //与相应的QueryString绑定 
 32                foreach (string key in queryString.Keys)
 33                    if (queryString[key] != null && !string.IsNullOrEmpty(key))
 34                        dict[key] = queryString[key];
 35                int.TryParse(queryString[currentPageStr], out currentPage);
 36            }
 37            else
 38            {
 39                //获取 ～/Page/{page number} 的页号参数
 40                int.TryParse(dict[currentPageStr].ToString(), out currentPage);
 41            }
 42            if (currentPage <= 0) currentPage = 1;
 43            if (totalPages > 1)
 44            {
 45                if (currentPage != 1)
 46                {
 47                    //处理首页连接  
 48                    dict[currentPageStr] = 1;
 49                    output.AppendFormat("{0} ", html.RouteLink("首页", dict));
 50                }
 51                if (currentPage > 1)
 52                {
 53                    //处理上一页的连接  
 54                    dict[currentPageStr] = currentPage - 1;
 55                    output.Append(html.RouteLink("上一页", dict));
 56                }
 57                else
 58                {
 59                    output.Append("上一页");
 60                }
 61                output.Append(" ");
 62                int currint = 5;
 63                for (int i = 0; i <= 10; i++)
 64                {
 65                    //一共最多显示10个页码，前面5个，后面5个  
 66                    if ((currentPage + i - currint) >= 1 && (currentPage + i - currint) <= totalPages)
 67                        if (currint == i)
 68                        {
 69                            //当前页处理  
 70                            output.Append(string.Format("[{0}]", currentPage));
 71                        }
 72                        else
 73                        {
 74                            //一般页处理 
 75                            dict[currentPageStr] = currentPage + i - currint;
 76                            output.Append(html.RouteLink((currentPage + i - currint).ToString(), dict));
 77                        }
 78                    output.Append(" ");
 79                }
 80                if (currentPage < totalPages)
 81                {
 82                    //处理下一页的链接 
 83                    dict[currentPageStr] = currentPage + 1;
 84                    output.Append(html.RouteLink("下一页", dict));
 85                }
 86                else
 87                {
 88                    output.Append("下一页");
 89                }
 90                output.Append(" ");
 91                if (currentPage != totalPages)
 92                {
 93                    dict[currentPageStr] = totalPages;
 94                    output.Append(html.RouteLink("末页", dict));
 95                }
 96                output.Append(" ");
 97            }
 98            output.AppendFormat("{0} / {1}", currentPage, totalPages);//这个统计加不加都行 
 99            return output.ToString();
100        }
101
102    }
103}
104

Code
  1using System;
  2using System.Collections.Generic;
  3using System.Linq;
  4using System.Web;
  5using System.Web.Mvc;
  6using System.Web.Routing;
  7using System.Text;
  8using System.Web.Mvc.Html;
  9
 10namespace MvcApplication2.Helpers
 11{
 12    public static class PagerHelper
 13    {
 14        /**//// <summary>  
 15        /// 分页Pager显示  
 16        /// </summary>   
 17        /// <param name="html"></param>  
 18        /// <param name="currentPageStr">标识当前页码的QueryStringKey</param>   
 19        /// <param name="pageSize">每页显示</param>  
 20        /// <param name="totalCount">总数据量</param>  
 21        /// <returns></returns> 
 22        public static string Pager(this HtmlHelper html, string currentPageStr, int pageSize, int totalCount)
 23        {
 24            var queryString = html.ViewContext.HttpContext.Request.QueryString;
 25            int currentPage = 1; //当前页  
 26            var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //总页数  
 27            var dict = new System.Web.Routing.RouteValueDictionary(html.ViewContext.RouteData.Values);
 28            var output = new StringBuilder();
 29            if (!string.IsNullOrEmpty(queryString[currentPageStr]))
 30            {
 31                //与相应的QueryString绑定 
 32                foreach (string key in queryString.Keys)
 33                    if (queryString[key] != null && !string.IsNullOrEmpty(key))
 34                        dict[key] = queryString[key];
 35                int.TryParse(queryString[currentPageStr], out currentPage);
 36            }
 37            else
 38            {
 39                //获取 ～/Page/{page number} 的页号参数
 40                if (dict.ContainsKey(currentPageStr))
 41                    int.TryParse(dict[currentPageStr].ToString(), out currentPage);
 42            }
 43
 44            //保留查询字符到下一页
 45            foreach (string key in queryString.Keys)
 46                dict[key] = queryString[key];
 47
 48            //如果有需要，保留表单值到下一页 (我暂时不需要， 所以注释掉)
 49            //var formValue = html.ViewContext.HttpContext.Request.Form;
 50            //foreach (string key in formValue.Keys)
 51            //    if (formValue[key] != null && !string.IsNullOrEmpty(key))
 52            //        dict[key] = formValue[key]; 
 53
 54            if (currentPage <= 0) currentPage = 1;
 55            if (totalPages > 1)
 56            {
 57                if (currentPage != 1)
 58                {
 59                    //处理首页连接  
 60                    dict[currentPageStr] = 1;
 61                    output.AppendFormat("{0} ", html.RouteLink("首页", dict));
 62                }
 63                if (currentPage > 1)
 64                {
 65                    //处理上一页的连接  
 66                    dict[currentPageStr] = currentPage - 1;
 67                    output.Append(html.RouteLink("上一页", dict));
 68                }
 69                else
 70                {
 71                    output.Append("上一页");
 72                }
 73                output.Append(" ");
 74                int currint = 5;
 75                for (int i = 0; i <= 10; i++)
 76                {
 77                    //一共最多显示10个页码，前面5个，后面5个  
 78                    if ((currentPage + i - currint) >= 1 && (currentPage + i - currint) <= totalPages)
 79                        if (currint == i)
 80                        {
 81                            //当前页处理  
 82                            output.Append(string.Format("[{0}]", currentPage));
 83                        }
 84                        else
 85                        {
 86                            //一般页处理 
 87                            dict[currentPageStr] = currentPage + i - currint;
 88                            output.Append(html.RouteLink((currentPage + i - currint).ToString(), dict));
 89                        }
 90                    output.Append(" ");
 91                }
 92                if (currentPage < totalPages)
 93                {
 94                    //处理下一页的链接 
 95                    dict[currentPageStr] = currentPage + 1;
 96                    output.Append(html.RouteLink("下一页", dict));
 97                }
 98                else
 99                {
100                    output.Append("下一页");
101                }
102                output.Append(" ");
103                if (currentPage != totalPages)
104                {
105                    dict[currentPageStr] = totalPages;
106                    output.Append(html.RouteLink("末页", dict));
107                }
108                output.Append(" ");
109            }
110            output.AppendFormat("{0} / {1}", currentPage, totalPages);//这个统计加不加都行 
111            return output.ToString();
112        }
113    }
114}
115

添加Controller代码：

1 public  ActionResult Index( int ?  page)
2          {
3            if (page == null)
4                page = 1;
5            return View();
6        }

aspx页面调用：

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

效果

 

OK这回我们算是解决了这个问题