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

添加/下载PagedList.Mvc 

直接搜索mvc pagelist 就会出来。安装完成便可。在项目的packages文件夹下面就会出现PagedList.Mvc.4.5.0.0PagedList.1.17.0.0两个文件夹css

而后添加引用的就行了。mvc

上示例代码

        /// <summary>
        /// Mvc 分页
        /// </summary>
        /// <param name="order"></param>
        /// <param name="pageIndex"></param>
        /// <param name="pageSize"></param>
        /// <returns></returns>
        public IPagedList<T> getMvcPageDataList(Func<T, bool> where, Func<T, object> order, int pageIndex, int pageSize)
        {
            //这里为了方便直接用的EF测试,其实这里能够直接用一个得到的list好比:userInfoList.ToPagedList(page, pageSize));
            return context.Set<T>().Where<T>(where).OrderByDescending(order).ToPagedList(pageIndex, pageSize);
        }

控制器代码

        /// <summary>
        /// mvcPageList 分页
        /// </summary>
        /// <param name="pageIndex"></param>
        /// <returns></returns>
        public ActionResult MvcPageList(int pageIndex = 1)
        {
            IPagedList<LX.EFOPT.Model.User_Info> modelUser_InfoList = User_InfoBLL.getMvcPageDataList(x => x.User_ID > 1, x => x.Create_Date, pageIndex, 2);

            return View(modelUser_InfoList);
        } 

View视图代码

注意:必须引用 PagedList、PagedList.Mvc测试

@using PagedList;
@using PagedList.Mvc;
@model PagedList<LX.EFOPT.Model.User_Info>
@{
    ViewBag.Title = "PageList";
}
<link href="../../Style/PagedList.css" rel="stylesheet" type="text/css" />
@{
    if (Model.Count > 0)
    {
      foreach (var item in Model)
      {
          @item.User_ID <br />@item.User_Name <br />@item.Create_Date <br /><p></p>
      } 
      @Html.PagedListPager(Model, page => Url.Action("MvcPageList", new { pageIndex = page }))
    }
}

配置路由

这里的路由配置的相对比较简单,只是为了知足测试而已。url

            routes.MapRoute(
             name: "mvcPageList1",
             url: "{controller}/{action}/page{pageIndex}",
             defaults: new { controller = "User", action = "Index", pageIndex = 1 }
            );

输出样式

配置路由的效果以下:page2spa

MVC 分页仍是比较简单的,容易上手。但愿能给一些人一点点的帮助!code

相关文章
相关标签/搜索