首页 > 代码库 > Html列表分页算法
Html列表分页算法
public class PageHelper { /// <summary> /// 标签 /// </summary> public string Tag { get; set; } /// <summary> /// 选中的标签样式 /// </summary> public string TagCurr { get; set; } /// <summary> /// 分页的路径 /// </summary> public string Url { get; set; } /// <summary> /// 当前页 /// </summary> public int PageIdnex { get; set; } /// <summary> /// 总页数 /// </summary> public int PageCount { get; set; } /// <summary> /// 实现分页算法 /// </summary> /// <returns></returns> public string CreatePage( ) { //1.1当前页大于总页数 if (PageIdnex > PageCount) return null; StringBuilder sb = new StringBuilder(); //1.2当总页数小于5条时,显示全部的页码 if (PageCount <= 5) { //拼接页码 for (int i = 1; i <= PageCount; i++) { if (PageIdnex == i) { //拼接当前页 sb.Append($"<a onclick=pager(\"{Url}\",{i}) class=\"{TagCurr}\">{i}</a>"); } else { sb.Append($"<a onclick=pager(\"{Url}\",{i})>{i}</a>"); } } return sb.ToString(); } else { //2.2 总页数大于5,当前页小于4时 if (PageIdnex <= 4) { //2.2.1 当前页靠近尾页 if (PageCount - PageIdnex <= 3) { //拼接第一页 sb.Append($"<a onclick=pager(\"{Url}\",{1})>1</a><a>...</a>"); for (int i = PageIdnex - 1; i <= PageCount; i++) { if (PageIdnex == i) { //拼接当前页 sb.Append($"<a onclick=pager(\"{Url}\",{i}) class=\"{TagCurr}\">{i}</a>"); } else { sb.Append($"<a onclick=pager(\"{Url}\",{i})>{i}</a>"); } } } else { //2.2.2当前页靠近首页 for (int i = 1; i <= PageIdnex + 2; i++) { if (PageIdnex == i) { sb.Append($"<a onclick=pager(\"{Url}\",{i}) class=\"{TagCurr}\">{i}</a>"); } else { sb.Append($"<a onclick=pager(\"{Url}\",{i})>{i}</a>"); } } //拼接最后一页 sb.Append($"<a>...</a><a onclick=pager(\"{Url}\",{PageCount})>{PageCount}</>"); } } else { //2.3 总页数大于5,当前页大于4时 sb.Append($"<a onclick=pager(\"{Url}\",{1})>1</a><a>...</a>"); //2.3.1 当前页大于4,当前页离尾页很近 if (PageCount - PageIdnex <= 2) { for (int i = PageIdnex - 2; i <= PageCount; i++) { if (PageIdnex == i) { sb.Append($"<a onclick=pager(\"{Url}\",{i}) class=\"{TagCurr}\">{i}</a>"); } else { sb.Append($"<a onclick=pager(\"{Url}\",{i})>{i}</a>"); } } } else { //2.3.2当前页在中间 for (int i = PageIdnex - 2; i < PageIdnex + 2; i++) { if (PageIdnex == i) { sb.Append($"<a onclick=pager(\"{Url}\",{i}) class=\"{TagCurr}\">{i}</a>"); } else { sb.Append($"<a onclick=pager(\"{Url}\",{i})>{i}</a>"); } } sb.Append($"<a>...</a><a onclick=pager(\"{Url}\",{PageCount})>{PageCount}</>"); } } return sb.ToString(); }
控制器 var list = new List<string>();
for (int i = 1; i <= 100; i++) { list.Add("北京朝阳区" + i); } int pageSzie = 10; int pageCount = 0; if (list.Count % pageSzie == 0) { pageCount = list.Count / pageSzie; } else { pageCount = (list.Count / pageSzie) + 1; } PageHelper ph = new PageHelper { Tag = "a", TagCurr = "curr", Url = "/testpage/list/",
PageIndex=pageIndex,
PageCount=pagecount
}; var strHtml = ph.CreatePage(); var pageList = list.Skip((pageIndex - 1) * pageSzie).Take(pageSzie).ToList(); ViewBag.StrHtml = strHtml; ViewBag.PageList = pageList;
JS
function fenye_ok() { pager("/TestPage/list", 1); } function pager(href, pageIndex) { var num = $("#num").val(); $("#div-load").load("/TestPage/list", { "pageIndex": pageIndex, "num": num }, function () { }); }
Html列表分页算法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。