X.PagedList

  • 623
  • 0

在實作razor page的分頁時,想到上課老師曾說過

分頁套件已經相當成熟,千萬不要自幹
▪ 推薦使用X.PagedList
https://github.com/dncuug/X.PagedList

沒想到確遇到個雷,以下是我的分享

套用其實不難

  1. 安裝&選版本
    因為使用的 .NET CORE v2.2,不能使用最新的版本,改選最多人下載的8.0.7
  2. useing
    於.cshtml
      @using X.PagedList.Mvc.Core; 
      @using X.PagedList;  
    於.cs
      @using X.PagedList;
  3. ToPagedList() or ToPagerListAsync()

但卻發現效果的UI套用不上,根本不一樣,昏倒!

上異常,下正常:

後於該文章得知

关于支持Bootstrap版本的问题:
目前的PagedList.Mvc.Corer 版本默认支持Bootstrap3,而最新的基架创建的引用的是 Bootstrap4,    new PagedListRenderOptions 不能渲染分页按钮的样式。因此,需要 指定 ul li 的样式。

解決的方式是:

可以使用X.PagedList.Mvc.Bootstrap4 包来替换X.PagedList.Mvc.Core

參考: