本文為大家分享了自己寫的一個Pager分頁組件,WebForm，Mvc都適用，具體內容如下
分頁控件其實就是根據鏈接在頁面間傳遞參數，因為我看到MVC中你可以看到這樣傳遞參數的new {para=val}這種方式傳遞參數，于是我想到用可以模仿這種傳遞參數的方式，那就用dynamic來作為參數對象傳遞。
下面是附上我寫的具體的實現的代碼
數據處理代碼：
1.定義IPagedList接口
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;namespace Infrastruction.Pager{ public interface IPagedList { int pageIndex { get; set; } int pageSize { get; set; } int totalItemCount { get; set; } int totalPageCount { get; } }}2.實現IPagedList接口
using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace Infrastruction.Pager{ public class PagedList<T> : List<T>, IPagedList { public int pageIndex { get; set; } public int pageSize { get; set; } public int totalItemCount { get; set; } public int totalPageCount { get { return totalItemCount % pageSize == 0 ? (totalItemCount / pageSize) : (totalItemCount / pageSize + 1); } } public PagedList(IEnumerable<T> sources, int pageIndex, int pageSize) { if (sources != null && sources.Any()) { this.AddRange(sources.Skip(pageSize * (pageIndex - 1)).Take(pageSize).ToList()); } this.pageIndex = pageIndex; this.pageSize = pageSize; this.totalItemCount = sources.Count(); } }}分頁標簽處理代碼：
3.PagerHelper
using Infrastruction.Pager;using System;using System.Collections.Generic;using System.Linq;using System.Reflection;using System.Text;using System.Web;using System.Web.UI;namespace System.Web.UI{ public static class PagerHelper { public static string Pager(string url, IPagedList pagedList) { StringBuilder builder = new StringBuilder(); if (pagedList != null) { builder.Append("<script type='text/javascript'>"); builder.Append("window.onload = function () {"); builder.Append(" var elements = document.getElementById('pager').childNodes;"); builder.Append(" for (var i = 0; i < elements.length; i++) {"); builder.Append("var txt = elements[i].innerText || elements[i].textContent;"); builder.Append(" if (elements[i].nodeType =='1' && txt == '" + pagedList.pageIndex + "') {"); builder.Append("elements[i].style.textDecoration = 'underline';break; } } }"); builder.Append("</script>"); builder.Append("<div id='pager'>"); builder.Append("<span class='p'>"); builder.AppendFormat("共 {0} 條數據 頁次：{1}/{2}", pagedList.totalItemCount, pagedList.pageIndex, pagedList.totalPageCount, "上一頁"); builder.Append("</span>"); builder.Append(" "); builder.Append(" "); builder.Append(" "); builder.Append(" "); if (pagedList.pageIndex > 1 && pagedList.pageIndex <= pagedList.totalPageCount) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, 1, "首頁"); builder.Append("</span>"); builder.Append(" "); builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, pagedList.pageIndex - 1, "上一頁"); builder.Append("</span>"); builder.Append(" "); } if (pagedList.totalPageCount > 1 && pagedList.totalPageCount <= 10) { for (int i = 1; i <= pagedList.totalPageCount; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, i, i); builder.Append("</span>"); builder.Append(" "); } } else if (pagedList.totalPageCount > 10) { if (pagedList.pageIndex < 11) { for (int i = 1; i <= 10; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, i, i); builder.Append("</span>"); builder.Append(" "); } builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, 11, "..."); builder.Append("</span>"); builder.Append(" "); } else { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, (pagedList.pageIndex - 6), "..."); builder.Append("</span>"); builder.Append(" "); if (pagedList.pageIndex >= 11 && pagedList.totalPageCount <= pagedList.pageIndex + 5) { for (int i = pagedList.pageIndex - 5; i <= pagedList.totalPageCount; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, i, i); builder.Append("</span>"); builder.Append(" "); } } else { for (int i = pagedList.pageIndex - 5; i <= pagedList.pageIndex + 5; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, i, i); builder.Append("</span>"); builder.Append(" "); } builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, (pagedList.pageIndex + 6), "..."); builder.Append("</span>"); builder.Append(" "); } } } if (pagedList.pageIndex >= 1 && pagedList.pageIndex < pagedList.totalPageCount) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, pagedList.pageIndex + 1, "下一頁"); builder.Append("</span>"); builder.Append(" "); builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?pageIndex={1}'>{2}</a>", url, pagedList.totalPageCount, "尾頁"); builder.Append("</span>"); builder.Append(" "); } builder.Append("</div>"); } return builder.ToString(); } public static string Pager(string url, IPagedList pagedList, dynamic objAttr) { StringBuilder builder = new StringBuilder(); if (pagedList != null) { builder.Append("<script type='text/javascript'>"); builder.Append("window.onload = function () {"); builder.Append(" var elements = document.getElementById('pager').childNodes;"); builder.Append(" for (var i = 0; i < elements.length; i++) {"); builder.Append("var txt = elements[i].innerText || elements[i].textContent;"); builder.Append(" if (elements[i].nodeType =='1' && txt == '" + pagedList.pageIndex + "') {"); builder.Append("elements[i].style.textDecoration = 'underline';break; } } }"); builder.Append("</script>"); string paras = ""; PropertyInfo[] infos = objAttr.GetType().GetProperties(); if (infos != null && infos.Any()) { foreach (var item in infos) { paras += string.Format("{0}={1}", item.Name, item.GetValue(objAttr, null)); paras += "&"; } } paras = paras + "pageIndex="; builder.Append("<div id='pager'>"); builder.Append("<span class='p'>"); builder.AppendFormat("共 {0} 條數據 頁次：{1}/{2}", pagedList.totalItemCount, pagedList.pageIndex, pagedList.totalPageCount, "上一頁"); builder.Append("</span>"); builder.Append(" "); builder.Append(" "); builder.Append(" "); builder.Append(" "); if (pagedList.pageIndex > 1 && pagedList.pageIndex <= pagedList.totalPageCount) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + 1, "首頁"); builder.Append("</span>"); builder.Append(" "); builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + (pagedList.pageIndex - 1), "上一頁"); builder.Append("</span>"); builder.Append(" "); } if (pagedList.totalPageCount > 1 && pagedList.totalPageCount <= 10) { for (int i = 1; i <= pagedList.totalPageCount; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + i, i); builder.Append("</span>"); builder.Append(" "); } } else if (pagedList.totalPageCount > 10) { if (pagedList.pageIndex < 11) { for (int i = 1; i <= 10; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + i, i); builder.Append("</span>"); builder.Append(" "); } builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + 11, "..."); builder.Append("</span>"); builder.Append(" "); } else { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + (pagedList.pageIndex - 6), "..."); builder.Append("</span>"); builder.Append(" "); if (pagedList.pageIndex >= 11 && pagedList.totalPageCount <= pagedList.pageIndex + 5) { for (int i = pagedList.pageIndex - 5; i <= pagedList.totalPageCount; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + i, i); builder.Append("</span>"); builder.Append(" "); } } else { for (int i = pagedList.pageIndex - 5; i <= pagedList.pageIndex + 5; i++) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + i, i); builder.Append("</span>"); builder.Append(" "); } builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + (pagedList.pageIndex + 6), "..."); builder.Append("</span>"); builder.Append(" "); } } } if (pagedList.pageIndex >= 1 && pagedList.pageIndex < pagedList.totalPageCount) { builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + (pagedList.pageIndex + 1), "下一頁"); builder.Append("</span>"); builder.Append(" "); builder.Append("<span class='p'>"); builder.AppendFormat("<a href='{0}?{1}'>{2}</a>", url, paras + pagedList.totalPageCount, "尾頁"); builder.Append("</span>"); builder.Append(" "); } builder.Append("</div>"); } return builder.ToString(); } }} 4. PagerLinqExtension（ 基于linq的擴展）
using System;using System.Collections.Generic;using System.Linq;using System.Linq.Expressions;using System.Web;namespace Infrastruction.Pager{ public static class PagerLinqExtension { public static PagedList<T> ToPagedList<T>(this IQueryable<T> source, int pageIndex, int pageSize) { return new PagedList<T>(source, pageIndex, pageSize); } }}調用方法
1.Webform調用: <%=PagerHelper.Pager("Products.aspx", pageList, new { cid=Cid})%> 或者用literal在后臺綁定也行
2.Mvc調用:
需要擴展一下方法
namespace System.Web.Mvc.Html{ public static class HtmlExtension { public static IHtmlString Pager(this HtmlHelper helper, string url, IPagedList pagedList) { return helper.Raw(PagerHelper.Pager(url, pagedList)); } public static IHtmlString Pager(this HtmlHelper helper, string url, IPagedList pagedList, dynamic objAttr) { return helper.Raw(PagerHelper.Pager(url, pagedList, objAttr)); } }}然后頁面調用@Html.Pager("Products.aspx", pageList, new { cid=Cid,......})
全部的代碼都在上面，希望大家認真學習，對大家學習使用分頁控件有所幫助。
新聞熱點
疑難解答
