浏览栏目下内容的时候肯定要用到分页,MVC4下没有带分页控件,那么就自己写一个HtmlHelper-Pager。写之前看了一些大神的分页控件,启发很大。先设想一下自己的分页控件
分页控件分普通分页(Pager)和Ajax分页(PagerAjax)两块。两块的显示相同,如图:
各部说明:
在开始写之前还要先有两个类:一个是分页设置类,一个是分页数据类。
分页的设置类包含了常用的分页参数,是为了方便保存到数据库中,可以直接在栏目中设置该栏目下每页显示的记录数;记录的计量单位:是“条”还是“篇”;记录的名称是“新闻”、“文章”还是“教程”等。
分页设置模型
分页数据类
用来提供记录列表和分页设置PagerData<T> 继承自 List<T>
想好直接之后,开始设置基础函数
1、pager的基础函数
复制代码 代码如下:
Pager(this HtmlHelper htmlHelper, string actionName, string controllerName, RouteValueDictionary routeValues, PagerConfig pageConfig, string ctrlId, string cssClass, int digitalLinkNum, bool showTotalRecord, bool showCurrentPage, bool showTotalPage, bool showSelect, bool showInput)
参数说明:
actionName-动作名称;
controllerName-控制器名称;
routeValues-路由参数;
pageConfig-分页配置;
ctrlId-分页控件Id;
cssClass-分页控件css类名;
digitalLinkNum-显示的数字链接个数;
showTotalRecord-显示总记录数;
showCurrentPage-显示当前页;
showTotalPage-显示总页数;
showSelect-显示页码下拉框;
showInput-显示页码输入框。
重载可能用到参数
currentPage-当前页;
totalPage-总页数;
pageSize-每页显示记录数;
totalRecord-总记录数;
recordUnit-记录单位;
recordName-记录名称;
2、PagerAjax基础函数
复制代码 代码如下:
public static MvcHtmlString PagerAjax(this HtmlHelper htmlHelper, string ctnrId, string actionName, string controllerName, RouteValueDictionary routeValues, PagerConfig pageConfig, string ctrlId, string cssClass, int digitalLinkNum, bool showTotalRecord, bool showCurrentPage, bool showTotalPage, bool showSelect, bool showInput)
参数说明:
ctnrId-内容容器Id。用于包裹ajax返回html的容器控件id
其他参数与1、pager相同
==========================
基本的东西都准备好了,写代码就快了。
右键点击Extensions文件夹,添加类PagerExtensions
命名空间改为System.Web.Mvc,在该命名空间下先写PagerConfig,再写PagerData,代码都很简单。
namespace System.Web.Mvc { /// <summary> /// 分页配置 /// </summary> public class PagerConfig { [Key] public int PagerConfigId { get; set; } /// <summary> /// 当前页 /// </summary> [NotMapped] public int CurrentPage { get; set; } /// <summary> /// 每页记录数 /// </summary> [Display(Name = "每页记录数", Description = "每页显示的记录数。")] [Required(ErrorMessage="×")] public int PageSize { get; set; } /// <summary> /// 总页数 /// </summary> [NotMapped] public int TotalPage { get { return (int)Math.Ceiling(TotalRecord / (double)PageSize); } } /// <summary> /// 总记录数 /// </summary> [NotMapped] public int TotalRecord { get; set; } /// <summary> /// 记录单位 /// </summary> [Display(Name="记录单位",Description="记录的数量单位。如文章为“篇”;新闻为“条”")] [Required(ErrorMessage = "×")] public string RecordUnit { get; set; } /// <summary> /// 记录名称 /// </summary> [Display(Name = "记录名称", Description = "记录的名称。如“文章”、“新闻”、“教程”等")] [Required(ErrorMessage = "×")] public string RecordName { get; set; } public PagerConfig() { CurrentPage = 1; PageSize = 20; RecordUnit = "条"; RecordName = "记录"; } } /// <summary> /// 分页数据 /// </summary> public class PagerData<T> : List<T> { public PagerData(List<T> list, PagerConfig pagerConfig) { this.AddRange(list); Config = pagerConfig; } public PagerData(List<T> list, int currentPage, int pageSize, int totalRecord) { this.AddRange(list); Config.CurrentPage = currentPage; Config.PageSize = pageSize; Config.TotalRecord = totalRecord; } public PagerData(List<T> list, int currentPage, int pageSize, int totalRecord, string recordUnit, string recordName) { this.AddRange(list); Config.CurrentPage = currentPage; Config.PageSize = pageSize; Config.TotalRecord = totalRecord; Config.RecordUnit = recordUnit; Config.RecordName = recordName; } public PagerConfig Config { get; set; } } }