【问题标题】:how p-paginator worksp-paginator 是如何工作的
【发布时间】:2018-09-05 16:39:50
【问题描述】:

通过设置 [rows]='10' 和 [paginator] = 'true' 我可以得到我想要的。但是现在我想通过使用 p-paginator 来控制 p-datatable,以便使用 onPageChange() 来获取 pageNumber。那么如何关联这两个标签。 enter image description here

【问题讨论】:

    标签: primeng paginator


    【解决方案1】:

    你需要设置

    ...    
    [paginator]="true" 
    [rows]="10" 
    [rowsPerPageOptions]="[10,20,50]"  
    [totalRecords]="dataset?.length"
    (onPage)="fn($event)"
    ...
    

    这样就可以计算出实际的页面了。

    fn(event:any){
       let pageNumber = Math.ceil(event.first/event.rows);
    }
    

    【讨论】:

    • 我需要使用 p-paginator 来控制 p-datatable。顺便说一下(onPage)函数只能获取first和row但无法获取我想要的页码
    猜你喜欢
    • 2015-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-22
    • 2020-04-04
    • 2021-05-14
    • 2020-12-01
    • 1970-01-01
    相关资源
    最近更新 更多