MVC5 Pagination, PagedList.Mvc, 分頁

AjaxPageSample.Controller.cs

using PagedList;

namespace YourProject.Controllers
{
    public class ComputerController : Controller
    {
        private MineDBEntities db = new MineDBEntities();

        // GET: Computer
        public ActionResult Index(int? page)
        {
            // ~~return View(db.電腦設備登記表.ToList());~~
            var qry = db.電腦設備登記表.OrderByDescending(c => c.登記日期);

            int pageSize = 5;
            int pageNumber = (page ?? 1);
            return View(qry.ToPagedList(pageNumber, pageSize));
        }

        [HttpPost]
        public PartialViewResult LoadIndexContent(int page)
        {
            var qry = db.電腦設備登記表.OrderByDescending(c => c.登記日期);

            int pageSize = 5;
            int pageNumber = page;
            return PartialView("_IndexContent", qry.ToPagedList(pageNumber, pageSize));
        }
    }
}

AjaxPageSample.PartialView._IndexContent.cshtml

/// filename: _IndexContent.cshtml

@* ~~@model IEnumerable<MineAsset.Biz.電腦設備登記表>~~ *@
@model PagedList.IPagedList<MineAsset.Biz.電腦設備登記表>
@using PagedList.Mvc;

<table class="table">
   ... to render data model ...
</table>

<div class="text-center">
    @Html.PagedListPager(Model, page => Url.Action("LoadIndexContent", new { page }),
        PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(  //<--- 啟動 ajax 通訊機制
            new PagedListRenderOptions
            {
                DisplayPageCountAndCurrentLocation = true,
                PageCountAndCurrentLocationFormat = "第{0}/{1}頁"
            },
            new AjaxOptions()
            {
                InsertionMode = InsertionMode.Replace,
                HttpMethod = "POST",
                UpdateTargetId = "id_IndexContent"
            }
        ))
</div>

AjaxPageSample.View.Index.cshtml

/// filename: Index.cshtml

@* ~~@model IEnumerable<MineAsset.Biz.電腦設備登記表>~~ *@
@model PagedList.IPagedList<MineAsset.Biz.電腦設備登記表>
@using PagedList.Mvc;

@* AjaxHelper 需與 Partial View 搭配 *@
<div id="id_IndexContent">
    @Html.Partial("_IndexContent", Model)
</div>

PageSample.Controller.cs

using PagedList;

namespace YourProject.Controllers
{
    public class StuffController : Controller
    {
        // GET: 消耗品登記表
        public ActionResult Index(int? page)
        {
            // ~~return View(db.消耗品登記表.ToList());~~
            var qry = db.消耗品登記表.OrderByDescending(c => c.登記日期);

            int pageSize = 5;
            int pageNumber = (page ?? 1);
            return View(qry.ToPagedList(pageNumber, pageSize));
        }
    }
}

PageSample.View.Index.cshtml

/// filename: Index.cshtml

@* ~~@model IEnumerable<MineAsset.Biz.消耗品登記表>~~ *@
@model PagedList.IPagedList<MineAsset.Biz.消耗品登記表>
@using PagedList.Mvc;

<table class="table">
   ... to render data model ...
</table>

<div class="text-center">
    @Html.PagedListPager(Model, page => Url.Action("Index", new { page }),
        new PagedListRenderOptions {
            DisplayPageCountAndCurrentLocation = true,
            PageCountAndCurrentLocationFormat = "第{0}/{1}頁",
        })
</div>