c# - X.PagedList.Mvc.Core - 使用 Bootstrap 自定义分页

Question

我正在尝试使用X.PagedList.Mvc.Core在ASP.Net Core 3.1 App 中进行分页。我正在使用Bootstrap 4.4.1作为查看分页的支持。

我所做的是——

我的控制器是这样的-

[AllowAnonymous]
[HttpGet("Movies/{pageNo?}")]
public async Task<IActionResult> Index(int? pageNo = 1)
{
    var data = await _context.Movies.ToListAsync();
    ViewBag.onePageOfMovies = data.ToPagedList((int)pageNo, 5); // will only contain 5 data max because of the pageSize
    return View();
}

景色是这样的——

.....
.....
@Html.PagedListPager(
    (IPagedList)ViewBag.onePageOfMovies,
    pageNo => Url.Action("Index", new { pageNo }),
    new PagedListRenderOptionsBase{
        PageClasses = new string[] { "page-link" },
        UlElementClasses = new string[] { "pagination" },
        LiElementClasses = new string[] { "page-item" },
        DisplayItemSliceAndTotal = true,
        DisplayEllipsesWhenNotShowingAllPageNumbers = true,
        DisplayLinkToFirstPage = PagedListDisplayMode.IfNeeded,
        DisplayLinkToLastPage = PagedListDisplayMode.IfNeeded
    }
)
.....
.....

我得到的是这样的-

但我喜欢的就是这样——

谁能帮助我如何在ASP.Net Core 3.1应用程序中自定义分页？

回覆-

根据this GitHub issue，问题已解决。但我没有发现它在当前最新版本中得到修复（我使用的版本号8.0.7）。

标签： c#asp.netasp.net-corerazor