ASP.NET MVC 5使用X.PagedList.Mvc進行分頁教程(PagedList.Mvc)

2020-01-24 02:22:59

字體：大中小

來源：轉載

供稿：網友

ASP.NET MVC中進行分頁的方式有多種，但在NuGet上使用最廣泛的就是用PagedList、X.PagedList.Mvc進行分頁。（原名為：PagedList.Mvc，但是2014年開始，作者將項目名稱改名字為“X.PagedList.Mvc”），用這個插件的話會非常便利，大家可以試試，接下來將給大家講下如何安裝這個NuGet插件。

ASP.NET MVC 5使用X.PagedList.Mvc進行分頁教程（原名為PagedList.Mvc）

1、工具――NuGet 程序包管理器――管理解決方案的 NuGet 程序包

ASP.NET MVC 5使用X.PagedList.Mvc進行分頁教程（原名為PagedList.Mvc）

2、搜索“X.PagedList.Mvc”，并安裝、引用

ASP.NET MVC 5使用X.PagedList.Mvc進行分頁教程（原名為PagedList.Mvc）

3、/Controllers/UserController.cs 后臺代碼基本用法：

using PagedList;// GET: User/1public ActionResult Index(int page = 1){  const int pageSize = 10;  //List<User> users = (from u in db.Users  //  orderby u.Id descending  //  select u).Skip((page - 1) * pageSize).Take(pageSize).ToList();  //return View(users);  var iUsers = db.Users.OrderBy(p => p.Id).ToPagedList(page, pageSize);  return View(iUsers);}

4、/Views/User/Index.cshtml 前臺代碼基本用法：

@using PagedList@using PagedList.Mvc<table class=“table”> xxxx xxxx xxxx</table>@Html.PagedListPager((IPagedList)Model, page => Url.Action(“Index”, new { page }))

5、/App_Start/RouteConfig.cs 配置一下：

public class RouteConfig{  public static void RegisterRoutes(RouteCollection routes)  {    routes.IgnoreRoute(“{resource}.axd/{*pathInfo}”);    routes.MapRoute(      name: “Default”,      url: “{controller}/{action}/{page}”,      defaults: new { controller = “User”, action = “Index”, page = UrlParameter.Optional }    );  }}

6、效果圖：

ASP.NET MVC 5使用X.PagedList.Mvc進行分頁教程（原名為PagedList.Mvc）