如何在角度为2的剑道网格中使用“全部”选项进行分页

时间:2017-12-07 04:57:24

标签: angular kendo-ui-angular2

我想添加'全部'选项分页下拉列表。如何使用Angular 2 enter image description here

为Kendo Grid实现此目的

1 个答案:

答案 0 :(得分:3)

您可以使用Grid PagerTemplate并提供DropDownList(或您喜欢的其他UI元素)以及自定义页面大小和行为,例如:

<ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
            <kendo-pager-numeric-buttons [buttonCount]="10"></kendo-pager-numeric-buttons>
            <kendo-pager-info></kendo-pager-info>
            <kendo-pager-next-buttons></kendo-pager-next-buttons>
            <kendo-dropdownlist 
              [data]="pageSizes"
              [textField]="'text'"
              [valueField]="'value'"
              [valuePrimitive]="true"
              [(value)]="pageSize"></kendo-dropdownlist>
         </ng-template>

EXAMPLE