刚开始找PagedList分页不是例子太复杂，就是写的过于简略，由于对于MVC的分页不太了解，之前使用的都是Asp.Net 第三方控件 + 数据库存储过程分页。还是老外写的例子简捷，https://github.com/TroyGoode/PagedList  。

1、本实例采用MVC + EF 框架，至于怎么配置，就不再这里说了。

2、安装 "PagedList.Mvc"的同时 “PagedList”会自动安装

路径：解决方案资源管理器 -> 选中工程名,点击右键 -> 管理NuGet程序包

首先选中联机，再选中 “PagedList.Mvc” 进行安装

3、在控制器HomeController.cs 中添加代码

3.1 添加命名空间

　　　　

using PagedList.Mvc;

using PagedList;

3.2 在Index方法中添加代码

         #region 0.7 查询文章列表--分页 + ActionResult Index()

         /// <summary>

         /// 查询 文章 列表 并分页

         /// </summary>

         /// <returns></returns>

         public ActionResult Index(int?page)

         {

             var query = db.BlogArticles.Where(d => d.AIsDel == false).OrderByDescending(d => d.AId) ;

             var pageNumber = page ?? ; // if no page was specified in the querystring, default to the first page (1)

             var onePageOfProducts = query.ToPagedList(pageNumber, ); // will only contain 25 products max because of the pageSize

             ViewBag.OnePageOfProducts = onePageOfProducts;

             return View();

         }

         #endregion

4、在视图Index.cshtml中添加代码
        4.1 在添加代码前，现在编译一下代码，否在在视图中添加命名空间会提示”缺少引用命名空间“的语法错误，解决方案资源管理器->选中工程点击右键->重新生成

4.2  添加命名空间

@using PagedList;

@using PagedList.Mvc;

4.3  显示文章列表

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

     <link href="/Content/PagedList.css" rel="stylesheet" type="text/css" />

     <style type="text/css">

        #tbList

        {

            border:1px solid #0094ff;

            border-collapse:collapse;

            margin:10px auto;

            width:800px;

        }

        #tbList th,td

        {

            border:1px solid #0094ff;

            padding:10px;

            }

     </style>

     <script type="text/javascript">

        function del(Aid) {

             if (confirm("确定要删除吗？"))

                 window.location = "/Home/Del/" + Aid;

         }

     </script>

 </head>

 <body>

     <table id="tbList">

        <tr>

           <th>id</th>

           <th>标题</th>

           <th>分类</th>

           <th>状态</th>

           <th>时间</th>

           <th>操作</th>

        </tr>

     @foreach (var a in ViewBag.OnePageOfProducts)

     {

         <tr>

           <td>@a.AId</td>

           <td>@a.ATitle</td>

           <td>@a.BlogArticleCate.Name</td>

           <td>@a.Enumeration.e_cname</td>

           <td>@a.AAddtime</td>

           <td>

              <a href="javascript:del(@a.AId)">删</a>

              <a href="/Home/Modify/@a.AId">改</a>

           </td>

        </tr>

     }

    </table>

4.4  分页

   <div  style = "margin:10px auto; text-align:center;">

       @Html.PagedListPager((IPagedList)ViewBag.OnePageOfProducts, page => Url.Action("Index", new { page }))

   </div>

</body>

</html>

如何使用 PagedList.Mvc 分页的更多相关文章

  1. ASP.NET MVC 4使用PagedList.Mvc分页

    ASP.NET MVC中进行分页的方式有多种,在NuGet上有提供使用PagedList.PagedList.Mvc进行分页. 1. 通过NuGet引用PagedList.Mvc 在安装引用Paged ...

  2. 再谈使用X.PagedList.Mvc 分页（ASP.NET Core 2.1）

    在以前的博文中写过使用X.PagedList.Mvc组件来对ASP.NET MVC应用程序进行分页,可以参考此篇随笔:Asp.net MVC 使用PagedList(新的已更名 为X.PagedLis ...

  3. PagedList.MVC分页

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  4. Mvc 自带分页控件PagedList.Mvc Demo示例

    添加/下载PagedList.Mvc 直接搜索mvc pagelist 就会出来.安装完成即可.在项目的packages文件夹下面就会出现PagedList.Mvc.4.5.0.0 和PagedLis ...

  5. MVC+Bootstrap+Drapper使用PagedList.Mvc支持多查询条件分页

    前几天做一个小小小项目,使用了MVC+Bootstrap,以前做分页都是异步加载Mvc部分视图的方式,因为这个是小项目,就随便一点.一般的列表页面,少不了有查询条件,下面分享下Drapper+Page ...

  6. asp.net MVC 使用PagedList.MVC实现分页

    在上一篇的EF之DB First中,存在以下的两个问题: 1. 添加/编辑页面显示的是属性名称,而非自定义的名称(如:姓名.专业...) 2. 添加/编辑时没有加入验证 另外数据展示使用分页 @Htm ...

  7. PagedList.Mvc只有一行时不显示分页

    PagedList.Mvc默认总是显示分页,可以通过设置DisplayMode在只有一行时不显示分页 @Html.PagedListPager(Model, page => Url.Action ...

  8. Asp.net MVC 使用PagedList（新的已更名 为X.PagedList.Mvc） 分页

    在asp.net mvc 中,可以bootstrap来作为界面,自己来写分页程序.也可以使用PagedList(作者已更名为 X.PagedList.Mvc)来分页. 1.首先,在NuGet程序包管理 ...

  9. MVC分页

    http://www.cnblogs.com/iamlilinfeng/p/4075292.html 目录 一.Contrl与View数据传递(多表数据) 二.分页控件介绍 三.MVC源码说明 四.源 ...

随机推荐

  1. Android GC 那点事

    版权声明:本文由陈昱全原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/170 来源:腾云阁 https://www.qclo ...

  2. 【Unity Shaders】初探Surface Shader背后的机制

    转载请注明出处:http://blog.csdn.net/candycat1992/article/details/39994049 写在前面 一直以来,Unity Surface Shader背后的 ...

  3. css读书笔记2：css工作原理

    css就是一种先选择html元素,然后设定选中元素css属性的机制.css选择符合要应用的样式构成一条css规则. 为文档添加样式的3种方法: 1.行内样式,直接写在特定标签的style属性中:2.嵌 ...

  4. 安装Ubuntu Linux系统时硬盘分区最合理的方法

    无论是安装Windows还是Linux操作系统,硬盘分区都是整个系统安装过程中最为棘手的环节,网上的一些Ubuntu Linux安装教程一般都是自动分区,给初学者带来很大的不便,下面我就根据多年来在合 ...

  5. JavaScript开发者常忽略或误用的七个基础知识点

    JavaScript 本身可以算是一门简单的语言,但我们也不断用智慧和灵活的模式来改进它.昨天我们将这些模式应用到了 JavaScript 框架中,今天这些框架又驱动了我们的 Web 应用程序.很多新 ...

  6. 《Java程序设计》实验三 实验报告

    实验三 敏捷开发与XP实践 实验内容 XP基础 XP核心实践 相关工具 实验要求 1.没有Linux基础的同学建议先学习<Linux基础入门(新版)><Vim编辑器> 课程 2 ...

  7. 去除DataTable重复数据的三种方法

    业务需求 最近做一个把源数据库的数据批次导出到目标数据库.源数据库是采集程序采集而来的原始数据库,所以需要对其进行一些处理(过滤一些为空,长度太短或太长,非法字符,重复数据)然后在进行入库. 其中要避 ...

  8. DOM系列---基础篇[转]

    DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) .DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改 ...

  9. 服务器后端开发系列——《实战Memcached内存缓存系统》

    1.实战Memcached缓存系统(1)Memcached基础及示例程序 内容:建筑Memcached背景知识和入门示例程序. 2.实战Memcached缓存系统(2)Memcached Java A ...

  10. 查询使用NoLock

    当我们在操作数据库的时候,无论是查询还是修改数据库的操作我们都习惯使用using(var db=new XXXDB()){},但是如果仅仅是做查询,最好是使用NoLock,因为NoLock使用的是共享 ...