超好用轻量级MVC分页控件JPager.Net

时间:2021-05-25

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章