適用於WebForm Mvc的Pager分頁組件C#實現

本文為大家分享了自己寫的一個Pager分頁組件,WebForm，Mvc都適用，具體內容如下

分頁控件其實就是根據鏈接在頁面間傳遞參數，因為我看到MVC中你可以看到這樣傳遞參數的new {para=val}這種方式傳遞參數，於是我想到用可以模仿這種傳遞參數的方式，那就用dynamic來作為參數對象傳遞。

下面是附上我寫的具體的實現的代碼

數據處理代碼：

1.定義IPagedList接口

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 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接口

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 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

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 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的擴展）

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 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調用:

需要擴展一下方法

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 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,......})

全部的代碼都在上面，希望大家認真學習，對大家學習使用分頁控件有所幫助。