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

最新推荐文章于 2020-12-24 18:20:36 发布

stoneLSL

最新推荐文章于 2020-12-24 18:20:36 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： MVC 分页

本文链接：https://blog.youkuaiyun.com/stoneLSL/article/details/80495265

本文介绍了如何使用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(