Paging

การเพจ

ไลบรารีการแบ่งหน้าพื้นฐานสำหรับแกน asp.net

URL ของ 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: ในไฟล์มุมมองมีดโกน

 @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