ASP.NET MVC分页控件的实现

需求及模拟代码

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

我们模拟写一下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

{

标签: 控件实现nbsp
上一页 1 2 下一页
------分隔线----------------------------
· 首页 · 注册

百鸣[Baiming.org]欢迎您 百鸣[Baiming.org]欢迎您~