JPager.Net MVC好用的轻量级分页控件,好用到你无法想象,轻量到你无法想象。
JPager.Net MVC好用的轻量级分页控件,实现非常简单,使用也非常简单。
JPager.Net MVC好用的轻量级分页控件,代码精心推敲,经多人反复建议修改,最终成型使用中。非常好用分享给大家。源代码一共放出来。先上个效果图:
JPager.Net MVC好用的轻量级分页控件JPager.Net .dll核心代码
PagerInBase.cs
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
|
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
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
|
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
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
|
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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
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显示
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
|
@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