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，但是有几个问题没有上下页没有指定当前页的特殊显示每次调用时都要写一次如果QueryString有其它参数时无法处理那我们下面来完善这个Pager并将之封装成一个Helper1using 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;910namespace MvcApplication2.Helpers11{12public static class PagerExtensions13{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>22public static string Pager(this HtmlHelper html, string currentPageStr, int pageSize, int totalCount)23{24var queryString = html.ViewContext.HttpContext.Request.QueryString;25int currentPage = 1; //当前页26var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //总页数27var dict = new System.Web.Routing.RouteValueDictionary(html.ViewContext.RouteData.Values);28var output = new System.Text.StringBuilder();29if (!string.IsNullOrEmpty(queryString[currentPageStr]))30{31//与相应的QueryString绑定32foreach (string key in queryString.Keys)33if (queryString[key] != null && !string.IsNullOrEmpty(key))34dict[key] = queryString[key];35int.TryParse(queryString[currentPageStr], out currentPage);36}37else38{39//获取 ～/Page/{page number} 的页号参数40int.TryParse(dict[currentPageStr].ToString(), out currentPage);41}42if (currentPage <= 0) currentPage = 1;43if (totalPages > 1)44{45if (currentPage != 1)46{47//处理首页连接48dict[currentPageStr] = 1;49output.AppendFormat("{0} ", html.RouteLink("首页", dict));50}51if (currentPage > 1)52{53//处理上一页的连接54dict[currentPageStr] = currentPage - 1;55output.Append(html.RouteLink("上一页", dict));56}57else58{59output.Append("上一页");60}61output.Append(" ");62int currint = 5;63for (int i = 0; i <= 10; i++)64{65//一共最多显示10个页码，前面5个，后面5个66if ((currentPage + i - currint) >= 1 && (currentPage + i - currint) <= totalPages)67if (currint == i)68{69//当前页处理70output.Append(string.Format("[{0}]", currentPage));71}72else73{74//一般页处理75dict[currentPageStr] = currentPage + i - currint;76output.Append(html.RouteLink((currentPage + i - currint).ToString(), dict));77}78output.Append(" ");79}80if (currentPage < totalPages)81{82//处理下一页的链接83dict[currentPageStr] = currentPage + 1;84output.Append(html.RouteLink("下一页", dict));85}86else87{88output.Append("下一页");89}90output.Append(" ");91if (currentPage != totalPages)92{93dict[currentPageStr] = totalPages;94output.Append(html.RouteLink("末页", dict));95}96output.Append(" ");97}98output.AppendFormat("{0} / {1}", currentPage, totalPages);//这个统计加不加都行99return output.ToString();100}101102}103}104Code1using 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;910namespace MvcApplication2.Helpers11{12public static class PagerHelper13{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>22public static string Pager(this HtmlHelper html, string currentPageStr, int pageSize, int totalCount)23{24var queryString = html.ViewContext.HttpContext.Request.QueryString;25int currentPage = 1; //当前页26var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //总页数27var dict = new System.Web.Routing.RouteValueDictionary(html.ViewContext.RouteData.Values);28var output = new StringBuilder();29if (!string.IsNullOrEmpty(queryString[currentPageStr]))30{31//与相应的QueryString绑定32foreach (string key in queryString.Keys)33if (queryString[key] != null && !string.IsNullOrEmpty(key))34dict[key] = queryString[key];35int.TryParse(queryString[currentPageStr], out currentPage);36}37else38{39//获取 ～/Page/{page number} 的页号参数40if (dict.ContainsKey(currentPageStr))41int.TryParse(dict[currentPageStr].ToString(), out currentPage);42}4344//保留查询字符到下一页45foreach (string key in queryString.Keys)46dict[key] = queryString[key];4748//如果有需要，保留表单值到下一页 (我暂时不需要， 所以注释掉)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];5354if (currentPage <= 0) currentPage = 1;55if (totalPages > 1)56{57if (currentPage != 1)58{59//处理首页连接60dict[currentPageStr] = 1;61output.AppendFormat("{0} ", html.RouteLink("首页", dict));62}63if (currentPage > 1)64{65//处理上一页的连接66dict[currentPageStr] = currentPage - 1;67output.Append(html.RouteLink("上一页", dict));68}69else70{71output.Append("上一页");72}73output.Append(" ");74int currint = 5;75for (int i = 0; i <= 10; i++)76{77//一共最多显示10个页码，前面5个，后面5个78if ((currentPage + i - currint) >= 1 && (currentPage + i - currint) <= totalPages)79if (currint == i)80{81//当前页处理82output.Append(string.Format("[{0}]", currentPage));83}84else85{86//一般页处理87dict[currentPageStr] = currentPage + i - currint;88output.Append(html.RouteLink((currentPage + i - currint).ToString(), dict));89}90output.Append(" ");91}92if (currentPage < totalPages)93{94//处理下一页的链接95dict[currentPageStr] = currentPage + 1;96output.Append(html.RouteLink("下一页", dict));97}98else99{100output.Append("下一页");101}102output.Append(" ");103if (currentPage != totalPages)104{105dict[currentPageStr] = totalPages;106output.Append(html.RouteLink("末页", dict));107}108output.Append(" ");109}110output.AppendFormat("{0} / {1}", currentPage, totalPages);//这个统计加不加都行111return output.ToString();112}113}114}115

添加Controller代码：

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

aspx页面调用：

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

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