最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

ASP.NET MVC4 HtmlHelper扩展类,实现分页功能

来源:懂视网 责编:小采 时间:2020-11-27 22:37:51
文档

ASP.NET MVC4 HtmlHelper扩展类,实现分页功能

ASP.NET MVC4 HtmlHelper扩展类,实现分页功能:1、扩展HtmlHelper类方法ShowPageNavigate public static HtmlString ShowPageNavigate(this HtmlHelper htmlHelper, int currentPage, int pageSize, int totalCount) { var redirectTo = htmlHe
推荐度:
导读ASP.NET MVC4 HtmlHelper扩展类,实现分页功能:1、扩展HtmlHelper类方法ShowPageNavigate public static HtmlString ShowPageNavigate(this HtmlHelper htmlHelper, int currentPage, int pageSize, int totalCount) { var redirectTo = htmlHe

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("<a class='pageLink' href='{0}?pageIndex=1&pageSize={1}'>首页</a> ", redirectTo, pageSize);
 if (currentPage > 1)
 {//处理上一页的连接
 output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>上一页</a> ", 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("<a class='cpb' href='{0}?pageIndex={1}&pageSize={2}'>{3}</a> ", redirectTo, currentPage, pageSize, currentPage);
 }
 else
 {//一般页处理
 output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>{3}</a> ", redirectTo, currentPage + i - currint, pageSize, currentPage + i - currint);
 }
 }
 output.Append(" ");
 }
 if (currentPage < totalPages)
 {//处理下一页的链接
 output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>下一页</a> ", redirectTo, currentPage + 1, pageSize);
 }

 output.Append(" ");
 if (currentPage != totalPages)
 {
 output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>末页</a> ", redirectTo, totalPages, pageSize);
 }
 output.Append(" ");
 }
 output.AppendFormat("<label>第{0}页 / 共{1}页</label>", 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<TPager, TEntityList>
{
 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<PagerInfo, IQueryable<news>> query = new PagerQuery<PagerInfo, IQueryable<news>>(pager, temp);
 return View(query);
}

4、View里的部分代码

<tbody>
 @foreach (var item in Model.EntityList)
 {
 <tr>
 <td class="checkBox">
 <input name="ids[]" type="checkbox" value="" />
 </td>
 <td>
 @item.author
 </td>
 <td>
 @item.title
 </td>
 <td>
 @item.ctime
 </td>
 <td>
 @Html.ActionLink("编辑", "Edit", new { id = item.id }) |
 @Html.ActionLink("删除", "Delete", new { id = item.id })
 </td>
 </tr>
 }
 @*分页*@
 <tr class="">
 <td colspan="5" align="center" class="paginator">
 <span>
 @Html.ShowPageNavigate(Model.Pager.CurrentPageIndex, Model.Pager.PageSize, Model.Pager.RecordCount)
 </span>
 </td>
 </tr>
</tbody>

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扩展类,里面就有关于分页的扩展,人家写的可是相当专业哦,有兴趣的可以研究一下。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

ASP.NET MVC4 HtmlHelper扩展类,实现分页功能

ASP.NET MVC4 HtmlHelper扩展类,实现分页功能:1、扩展HtmlHelper类方法ShowPageNavigate public static HtmlString ShowPageNavigate(this HtmlHelper htmlHelper, int currentPage, int pageSize, int totalCount) { var redirectTo = htmlHe
推荐度:
标签: html 扩展 net
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top