刚开始找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. 犯过错误的C语言问题

    1 memcpy函数: 函数原型:void *memcpy(void *dest, void *src, unsigned int count); 函数源码: void *memcpy1(void * ...

  2. Java的动态绑定

    看这段代码 Father father = new Son(); 父类引用指向子类对象,这是java的多态特性,有多态引到动态绑定,如何引入呢,看这个代码: class Father{ private ...

  3. phalcon: 上下文转义

    phalcon: 上下文转义 Phalcon\Escaper 转义特殊的字符 一:字符转义 $maliciousTitle = '</title><script>alert(1 ...

  4. 【Problem solved】发现输入法都是仅桌面使用，无法输入中文时

    你打开命令提示符输入CTFMON就可以啦.

  5. 微信JS SDK Demo 官方案例

    微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享 ...

  6. 【转】10.4新特性-ArcGIS 10.4矢量切片介绍

    原文地址:http://zhihu.esrichina.com.cn/article/567 1.矢量切片简介GIS的底图一直使用金字塔技术进行切图,使用户能够快速访问指定级别的地图或者影像.但是切图 ...

  7. Or

    1.  数据库表空间和数据文件 2.关于数据库端口的解析 SQLSever  1433 MySql     3306 Oracle     1521 3.关于listener.ora位置 修改该界面上 ...

  8. spring校验相关

    转载:http://elim.iteye.com/blog/1812584 对于任何一个应用而言在客户端做的数据有效性验证都不是安全有效的,这时候就要求我们在开发的时候在服务端也对数据的有效性进行验证 ...

  9. oracle表分区【转】

          摘要:在大量业务数据处理的项目中,可以考虑使用分区表来提高应用系统的性能并方便数据管理,本文详细介绍了分区表的使用. 在大型的企业应用或企业级的数据库应用中,要处理的数据量通常可以达到几十 ...

  10. linux tar 增量备份命令

    tar --newer-mtime "2013-09-17 00:00:00"   -zcvf /var/www/good.tar.gz    spider/