使用Angular2的Kendo:实现与所有人的分页,在dropdwown寻呼机中遇到NaN问题

时间:2017-11-24 09:04:14

标签: pagination kendo-grid kendo-ui-angular2

我正在尝试用Kendo Angular 2实现分页。如果它的数字分页工作正常,但如果它包括'all'以及数字,它会中断。我正在获取NaN以及其他页面大小。我在我的方法中检查NaN,如果它的NaN.Below是我的样本解决方案,我正在分配一个数字。

<kendo-grid  [data]="gridData"    [pageable]= "{
            pageSizes: ['all',100, 200, 300, 400, 500],
            numeric: false
          }"              
          (pageChange)="pageChange($event)" (remove)="removeHandler($event)">

打字稿文件

 protected pageChange({ skip, take }: PageChangeEvent): void {
     this.skip = skip;
     if(isNaN(take))
     {
     this.pageSize = 100;
     }
     else
     {
     this.pageSize = take;
     }
       this.gridData = {
         data: this.gridData.slice(this.skip, this.skip + this.pageSize),
         total: this.gridData.length
       };

0 个答案:

没有答案