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