快捷導(dǎo)航

ASP.NET MVC 5使用X.PagedList.Mvc進(jìn)行分頁(yè)教程(PagedList.Mvc)

更新時(shí)間：2014年10月04日 12:43:32 投稿：mdxy-dxy

這篇文章主要介紹了ASP.NET MVC 5使用X.PagedList.Mvc進(jìn)行分頁(yè)教程（原名為PagedList.Mvc）,需要的朋友可以參考下

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

ASP.NET MVC 5使用X.PagedList.Mvc進(jìn)行分頁(yè)教程（原名為PagedList.Mvc）

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

ASP.NET MVC 5使用X.PagedList.Mvc進(jìn)行分頁(yè)教程（原名為PagedList.Mvc）

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

ASP.NET MVC 5使用X.PagedList.Mvc進(jìn)行分頁(yè)教程（原名為PagedList.Mvc）

3、\Controllers\UserController.cs 后臺(tái)代碼基本用法：

using PagedList;
// GET: User/1
public 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 前臺(tái)代碼基本用法：

@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進(jìn)行分頁(yè)教程（原名為PagedList.Mvc）