【干货分享】JPager.Net MVC超好用轻量级分页控件

JPager.Net  MVC好用的轻量级分页控件,好用到你无法想象,轻量到你无法想象。

JPager.Net  MVC好用的轻量级分页控件,实现非常简单,使用也非常简单。

JPager.Net  MVC好用的轻量级分页控件,代码精心推敲,经多人反复建议修改,最终成型使用中。非常好用分享给大家。源代码一共放出来。先上个效果图:

JPager.Net  MVC好用的轻量级分页控件JPager.Net .dll核心代码

PagerInBase.cs

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

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

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;

            //获取数据集合
            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

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; }
    }
}
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显示

@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"/>
         Age:
            <input name="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>

github:https://github.com/decadestory/JPager.Net

代码云盘下载:https://yunpan.cn/cRYR7HJWtHiTz (提取码:6fef)

或者直接nuget获取JPager.net使用(jerry还没有上传,暂时还不支持)

时间: 2024-11-05 12:25:47

【干货分享】JPager.Net MVC超好用轻量级分页控件的相关文章

福利到~分享一个基于jquery的分页控件

前台分页控件有很多,以下是我的实现.默认情况下,点击页码会像博客园一样,在url后面加上"#p页码". 有2个参数需要注意: beforeRender: 在每个页码项呈现前会被调用,参数为页码的jQuery对象.这个时候我们可以在呈现前做一些处理,例如增加自己的属性等.默认情况下,点击页码,会在url后面加上“#p页码”,这样的url并不会刷新页面.如果我们需要刷新页面,例如url为,"default.aspx?index=页码",就可以在这个回调函数里处理. ca

ASP.NET MVC中加载WebForms用户控件(.ascx)

原文:ASP.NET MVC中加载WebForms用户控件(.ascx) 问题背景 博客园博客中的日历用的是ASP.NET WebForms的日历控件(System.Web.UI.WebControls.Calendar),它会为“上一月”.“下一月”的链接生成"__doPostBack()"的js调用,如下图: 目前发现它会带来两个问题: 1. 不支持IE10: 2. 某些电脑不允许执行__doPostBack. 问题提炼 前提: 我们想以最低的成本解决这个问题,也就是对当前代码尽可

QT绘图技术(二)QCustomPlot - 超强超小巧的qt绘图控件

QCustomPlot - 超强超小巧的qt绘图控件 2016-10-22 16:03:25|  分类: QT| 官方网站:http://www.qcustomplot.com/ 1.0下载地址:http://download.csdn.net/detail/czyt1988/5986701 下载LOFTER我的照片书  | QCustomPlot 超强超小巧的qt绘图控件,非常漂亮,非常易用,只需要加入一个qcustomplot.h和qcustomplot.cpp即可使用,远比qwt方便,若只

【干货】再上数据分页控件 ━ 更加灵活,更加实用-提供源码

再上数据分页控件-更加灵活,更加实用 关于数据分页的文章太多了,各有各的一套方案,但大多都很类似,要么使用存储过程,要么直接使用代码进行分页.各种方案分页的效率也不尽相同,我们不一定要找一个最高效的(根据实际的项目情况),找一个最合适的就OK了.下面我要谈的分页控件非常灵活,可以支持任意类型的数据库,同时可以支持存储过程或代码分页(会自动判断),也支持多表的分页,非常的方便.对于数据分页的相关文章,在我的博客中可以找到很多,下面我做一个简单的汇总,方便大家查阅. 1. 原创企业级控件库之大数据量

Mvc自定义分页控件

MVC开发分页常常使用第三方控件,生成的分页HTML带有版权申明,虽然免费,但是总有的别扭.于是,某日,楼主闲来蛋疼,折腾了个自定义分页控件: 先来展示下效果图: 1>当分页不超过10页的时候,完全显示出来: 2>当分页超过10页,效果图如下所示: 再来看看生成的分页代码,竟然和楼主一样纯洁!!! 3>支持自定义路由.参数.页码html格式.首末页是否显示.上下页是否显示.URL分页参数传递功能. 使用方法: 1.引用 YYP.PagerHtml.dll 2.页面使用 @using YY

念念不忘,ASP.NET MVC显示WebForm网页或UserControl控件

学习与使用ASP.NET MVC这样久,还是对asp.net念念不忘.能否在asp.net mvc去显示aspx或是user control呢?这个灵感(算不上灵感,只能算是想法)是来自前些天有写过一篇<多个视图结果显示于一个共用预览视图内>http://www.cnblogs.com/insus/p/3633298.html 其中有一个Render方法.以致想起以前开发asp.net时,也经常Render用户控件.即是说把网页经过Render之后,转换为是一串字符串. 那我们也一定可以把这串

【随笔系列】Asp.Net Mvc分页控件PagedList的使用方法及配置

企业在做Asp.Net Mvc开发过程中,很多时候都是一些CRUD,最基本的就是一个列表页面,然后附带一些功能按钮.如果有数据列表,大多数就会涉及到对数据进行分页,这次就介绍一下Mvc PagedList控件分页的使用方法.Github PagedList链接 . 下面我通过新建Mvc项目来展示PagedList的使用方法. 一.新建BookLibrary解决方案 确定后,选择MVC 然后点击确定. 二.添加PagedList与PagedList.Mvc的程序包. 选择BookLibrary项目

【无私分享】干货!!!一个炫酷的自定义日历控件,摆脱日历时间选择烦恼,纯福利~

最近公司项目中有一个按日期查看信息的功能,楼主本想用之前用的wheelView将就使用的,不过产品经理有个新要求,就是点击按钮弹出的日期选择对话框必须显示农历节假日,周几什么的.这可就难为人了,倘若使用之前的滚动时间选择器,无疑是难以实现的,楼主辗转反侧,冥思苦想,却不得正果. 好吧,去网上下了几个OA系统一用就有了idea,突然想到手机自带的日历~~,oh,year,日历就有这功能,瞧瞧,我靠,这个东西,咋做. 仔细一瞧,似乎用GridView可以实现,额,二话不说就开干.折腾了半天都没弄好,

ASP.NET Core MVC TagHelper实践HighchartsNET快速图表控件-开源

ASP.NET Core MVC TagHelper最佳实践HighchartsNET快速图表控件支持ASP.NET Core. 曾经在WebForms上写过 HighchartsNET快速图表控件-开源 Highcharts的ASP.NET Web自定义控件. 今天我就来改造它,将其使用最新的TagHelper 来实践,学习TagHelper 的使用也提供一个方便的图表控件在ASP.NET Core MVC中使用. 下面正式开始,使用之前的代码直接进行迁移升级. GitHub:https://