JPager.Net MVC好用的轻量级分页控件,好用到你无法想象,轻量到你无法想象。
JPager.Net MVC好用的轻量级分页控件,实现非常简单,使用也非常简单。
JPager.Net MVC好用的轻量级分页控件,代码精心推敲,经多人反复建议修改,最终成型使用中。非常好用分享给大家。源代码一共放出来。先上个效果图:
JPager.Net MVC好用的轻量级分页控件JPager.Net .dll核心代码
PagerInBase.cs
namespace JPager.Net { /// <summary> /// 分页基础类 /// </summary> public class PagerInBase { /// <summary> /// 当前页 /// </summary> public int PageIndex { get; set; } /// <summary> /// 页数 /// </summary> public int PageSize { get; set; } //跳过序列中指定数量的元素 public int Skip => (PageIndex - 1) * PageSize; /// <summary> /// 请求URL /// </summary> public string RequetUrl => System.Web.HttpContext.Current.Request.Url.OriginalString; /// <summary> /// 构造函数给当前页和页数初始化 /// </summary> public PagerInBase() { if (PageIndex == 0) PageIndex = 1; if (PageSize == 0) PageSize = 10; } } }
PagerResult.cs
using System; using System.Collections.Generic; using System.Text; namespace JPager.Net { /// <summary> /// ULR拼装 /// </summary> internal static class Exts { public static string GetUrl(this string url, int curIndex, int reps) { return url.Replace("pageindex=" + curIndex.ToString(), "pageindex=" + reps.ToString()); } } /// <summary> /// 分页核心代码 /// </summary> /// <typeparam name="T"></typeparam> public class PagerResult<T> { public int Code { get; set; } public int Total { get; set; } public IEnumerable<T> DataList { get; set; } public int PageSize { get; set; } public int PageIndex { get; set; } public string RequestUrl { get; set; } /// <summary> /// 分页页码Html /// </summary> /// <param name="cssClass">默认样式:jpager</param> /// <returns></returns> public string PagerHtml(string cssClass="jpager") { if (PageIndex == 0) PageIndex = 1; if (RequestUrl.IndexOf("?", StringComparison.Ordinal) == -1) RequestUrl += "?pageindex=1"; else if (RequestUrl.IndexOf("&pageindex", StringComparison.Ordinal) == -1&& RequestUrl.IndexOf("?pageindex", StringComparison.Ordinal) == -1) RequestUrl += "&pageindex=1"; var html = new StringBuilder(); html.AppendFormat("<span class='{0}'>", cssClass); var pageLen = Math.Ceiling((double)Total / PageSize); html.AppendFormat("<a href='{0}'> 首页 </a>", RequestUrl.GetUrl(PageIndex,1)); html.AppendFormat("<a href='{0}'> 上页 </a>", RequestUrl.GetUrl(PageIndex, PageIndex < 2 ? 1 : PageIndex - 1)); var si = PageIndex <= 6 ? 1 : PageIndex - 5; var ei = si + 9; while (si <= pageLen && si <= ei) html.AppendFormat( si == PageIndex ? "<a style='color:black;border:none;' href='{0}'> {1} </a>" : "<a href='{0}'> {1} </a>", RequestUrl.GetUrl(PageIndex, si), si++); html.AppendFormat("<a href='{0}'> 下页 </a>", RequestUrl.GetUrl(PageIndex, (int)(PageIndex > pageLen - 1 ? pageLen : PageIndex + 1))); html.AppendFormat("<a href='{0}'> 尾页 </a>", Math.Abs(Total) <= 0 ? RequestUrl.GetUrl(PageIndex, 1) : RequestUrl.GetUrl(PageIndex, (int) pageLen)); html.Append(@"</span>"); return html.ToString(); } } }
使用方法:
HomeController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web.Mvc; using JPager.Net; using JPager.Net.Web.Models; namespace JPager.Net.Web.Controllers { public class HomeController : Controller { public ActionResult Index(UserParams param) { //每页显示的条数默认10 //param.PageSize = 10; //保存搜索条件 ViewBag.SearchName = param.Name; ViewBag.SearchAge = param.Age; //获取数据集合 var list = PageContent(); //根据条件检索 var query = param.Name!=null ? list.Where(t=>t.Name.Contains(param.Name)).ToList() : list.ToList(); //分页数据 var data = query.Skip(param.Skip).Take(param.PageSize); //总页数 var count = query.Count; var res = new PagerResult<User> { Code = 0, DataList = data, Total = count, PageSize = param.PageSize,PageIndex = param.PageIndex,RequestUrl = param.RequetUrl}; return View(res); } //测试数据 public List<User> PageContent() { var list = new List<User>(); for (var t = 0; t < 10000; t++) { list.Add(new User { Id = t, Name = "Joye.net"+t.ToString(), Age = t + 10, Score = t, Address = "http://yinrq.cnblogs.com/", AddTime = DateTime.Now }); } return list; } } }
Models文件夹建User.cs和UserParams.cs
User.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace JPager.Net.Web.Models { public class UserParams:JPager.Net.PagerInBase { public int Id { get; set; } public string Name { get; set; } public int ? Age { get; set; } public int Score { get; set; } public string Address { get; set; } public DateTime AddTime { get; set; } } }
UserParams.cs
using System; namespace JPager.Net.Web.Models { public class User { public int Id { get; set; } public string Name { get; set; } public int Age { get; set; } public int Score { get; set; } public string Address { get; set; } public DateTime AddTime { get; set; } } }
view显示
@model JPager.Net.PagerResult<JPager.Net.Web.Models.User> @{ ViewBag.Title = "Index"; } <h2>JPager.Net MVC好用的轻量级分页控件</h2> <div> <div> <form method="get">Name: <input name="Name" id="Name" /> Age: <input name="Age" id="Age"/> <input type="submit" value="查询" /> </form> </div> <table> <tr> <th>ID</th> <th>Name</th> <th>Age</th> <th>Score</th> <th>Address</th> <th>AddTime</th> </tr> @foreach (JPager.Net.Web.Models.User item in Model.DataList) { <tr> <td>@item.Id</td> <td>@item.Name</td> <td>@item.Age</td> <td>@item.Score</td> <td><a href="@item.Address" target="_target">@item.Address</a></td> <td>@item.AddTime</td> </tr> } </table> </div> <div> @Html.Raw(Model.PagerHtml()) 共 @Model.Total 条 </div> <script type="text/javascript"> //保持搜索条件 $(function () { $('#Name').val('@ViewBag.SearchName'); $('#Age').val('@ViewBag.SearchAge'); }); </script>
github:https://github.com/decadestory/JPager.Net