本文标签:ASP.NET MVC分页控件
需求及模拟代码
需求,假设我们有个列表,有分页功能,我们可能需要一个页码列表,如
我们模拟写一下Action: - public ActionResult Index(int? p)
- {
- if (!p.HasValue) p = 1;
var list = new List< int>(); for (var i = 0; i < 10;i++ ) { list.Add(p.Value); } return View(list);
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>
-
-
-
-
-
-
-
- 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]))
- {
-
- foreach (string key in queryString.Keys)
- if (queryString[key] != null && !string.IsNullOrEmpty(key))
- dict[key] = queryString[key];
- int.TryParse(queryString[currentPageStr], out currentPage);
- }
- else
- {
-
- 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++)
- {
-
- 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分页控件成功构建 。
|