Paging

呼叫

ASP.NET Core的基本分頁庫

NuGet 網址 https://www.nuget.org/packages/Uzzal.Paging

安裝

 Install-Package Uzzal.Paging -Version 1.0.3

安裝成功後按以下三步驟操作

第 1 步：在控制器中

 public IActionResult Index ( int ? page )
{
    var itemsPerPage = 10 ;
    var list = GetCollection ( ) ; // returns ICollection<string>
    
    var pagedList = list . ToPagedList < string > ( page ?? 1 , itemsPerPage ) ;
    
    return View ( pagedList ) ;
}

private ICollection < string > GetCollection ( ) { .. . }

或者

 public async Task < IActionResult > Index ( int ? page )
{
    var itemsPerPage = 10 ;
    var list = GetRows ( ) ; // returns IQueryable<TEntity>
   
    var pagedList = await list . ToPagedListAsync < TEntity > ( page ?? 1 , itemsPerPage ) ;
    
    return View ( pagedList ) ;
}

private IQueryable < TEntity > GetRows ( ) { .. . }

步驟 2：將這些行新增到您的View/_ViewImports.cshtml檔案中

 @using Uzzal.Paging
@addTagHelper *, Uzzal.Paging

第 3 步：在 Razor 中檢視文件

 @model PagedList < string >
// OR
@model PagedList < TEntity >

< page - links 
    paging - context = "@Model.GetContext()"
    asp - route - param1 = "value1"
    asp - route - param2 = "value2"
    controller = "Home"
    action = "Index" >
< / page - links >

注意：分頁取決於 bootstrap 4 的樣式。

另外，一些支援的可選屬性如下：

屬性名稱	預設值
controller	電流控制器
default-style	mr-1 btn btn-outline-primary btn-sm
active-style	mr-1 btn btn-primary btn-sm
spacer-text	...
spacer-style	p-0 mr-1 btn btn-default btn-sm