本文为大家分享了自己写的一个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,......})
全部的代码都在上面，希望大家认真学习，对大家学习使用分页控件有所帮助。
