asp.net+mvc+html展示,ASP.NET MVC4 HtmlHelper扩展类，实现分页功能

1、扩展HtmlHelper类方法ShowPageNavigate

public static HtmlString ShowPageNavigate(this HtmlHelper htmlHelper, int currentPage, int pageSize, int totalCount)

{

var redirectTo = htmlHelper.ViewContext.RequestContext.HttpContext.Request.Url.AbsolutePath;

pageSize = pageSize == 0 ? 3 : pageSize;

var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //总页数

var output = new StringBuilder();

if (totalPages > 1)

{

output.AppendFormat("首页 ", redirectTo, pageSize);

if (currentPage > 1)

{//处理上一页的连接

output.AppendFormat("上一页 ", redirectTo, currentPage - 1, pageSize);

}

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.AppendFormat("{3} ", redirectTo, currentPage, pageSize, currentPage);

}

else

{//一般页处理

output.AppendFormat("{3} ", redirectTo, currentPage + i - currint, pageSize, currentPage + i - currint);

}

}

output.Append(" ");

}

if (currentPage < totalPages)

{//处理下一页的链接

output.AppendFormat("下一页 ", redirectTo, currentPage + 1, pageSize);

}

output.Append(" ");

if (currentPage != totalPages)

{

output.AppendFormat("末页 ", redirectTo, totalPages, pageSize);

}

output.Append(" ");

}

output.AppendFormat("第{0}页 / 共{1}页", currentPage, totalPages);//这个统计加不加都行

return new HtmlString(output.ToString());

}

2、添加公共类PagerInfo,PageQuery

public class PagerInfo

{

public int RecordCount { get; set; }

public int CurrentPageIndex { get; set; }

public int PageSize { get; set; }

}

public class PagerQuery

{

public PagerQuery(TPager pager, TEntityList entityList)

{

this.Pager = pager;

this.EntityList = entityList;

}

public TPager Pager { get; set; }

public TEntityList EntityList { get; set; }

}

3、然后在Controller里面添加Action

public ActionResult Index(int? pageSize, int? pageIndex)

{

int pageIndex1 = pageIndex ?? 1;

int pageSize1 = pageSize ?? 5;

int count = 0;

//从数据库在取得数据，并返回总记录数

var temp = newsSer.LoadPageEntities(c => true, c => c.id, false, pageSize1, pageIndex1, out count);

PagerInfo pager = new PagerInfo();

pager.CurrentPageIndex = pageIndex1;

pager.PageSize = pageSize1;

pager.RecordCount = count;

PagerQuery> query = new PagerQuery>(pager, temp);

return View(query);

}

4、View里的部分代码

@foreach (var item in Model.EntityList)

{

@item.author

@item.title

@item.ctime

@Html.ActionLink("编辑", "Edit", new { id = item.id }) |

@Html.ActionLink("删除", "Delete", new { id = item.id })

}

@*分页*@

@Html.ShowPageNavigate(Model.Pager.CurrentPageIndex, Model.Pager.PageSize, Model.Pager.RecordCount)

5、添加一些样式

.paginator

{

font: 12px Arial, Helvetica, sans-serif;

padding: 10px 20px 10px 0;

margin: 0px auto;

}

.paginator a

{

border: solid 1px #ccc;

color: #0063dc;

cursor: pointer;

text-decoration: none;

}

.paginator a:visited

{

padding: 1px 6px;

border: solid 1px #ddd;

background: #fff;

text-decoration: none;

}

.paginator .cpb

{

border: 1px solid #F50;

font-weight: 700;

color: #F50;

background-color: #ffeee5;

}

.paginator a:hover

{

border: solid 1px #F50;

color: #f60;

text-decoration: none;

}

.paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover

{

float: left;

height: 16px;

line-height: 16px;

min-width: 10px;

_width: 10px;

margin-right: 5px;

text-align: center;

white-space: nowrap;

font-size: 12px;

font-family: Arial,SimSun;

padding: 0 3px;

}

.paginator label

{

display:block;

float:left;

}

6.总结

这个案例简单实现了在MVC中快速分页，其实很多开源的项目中都有相关的HtmlHepler的扩展函数，其中也不乏带有分页的扩展，例如著名的开源商城项目nopCommerce，其中有就一个HtmlExtensions.cs扩展类，里面就有关于分页的扩展，人家写的可是相当专业哦，有兴趣的可以研究一下。