Paging

ページング

asp.net core の基本的なページネーション ライブラリ

NuGet URL https://www.nuget.org/packages/Uzzal.Paging

インストール

 Install-Package Uzzal.Paging -Version 1.0.3

インストールが成功したら、次の 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 >

注:ページングは​​、スタイル設定に関してブートストラップ 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