PageList.Mvc + Ajax ：异步分页的实现方式

ASP.NET MVC异步分页实现：PageList.Mvc与Ajax

最新推荐文章于 2021-06-11 12:11:46 发布

原创

最新推荐文章于 2021-06-11 12:11:46 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何使用PageList.Mvc库结合Ajax实现异步分页。通过引用PagedList和PagedList.Mvc库，利用PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing方法设置Ajax选项，并确保引入jquery.unobtrusive-ajax.js。在Controller中，针对Ajax请求返回Partial View以更新分页内容。

demo: https://github.com/StoneIsDeveloper/AjaxPageLIST.git

使用场景：

@Html.PagedListPager(...) 实现分页，或异步分页

Refrerences: PagedList, PagedList.Mvc

实现普通分页的方式比较简单：

@Html.PagedListPager(
    Model.PublicPages,
    page => Url.Action("PublicNews", "Home", new { page = page }),
    new PagedListRenderOptions
    {
        Display = PagedListDisplayMode.IfNeeded,
        MaximumPageNumbersToDisplay = 5,
    })

PageListRenderOptions 配置对象可以对分页进行一些基础的显示设置

现在我们要启用Ajax模式

@Html.PagedListPager(
            Model.PublicPages,
            page => Url.Action("PublicNews", "Home", new { page = page }),
            PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(