如何使用 angular 2 在 kendo 网格中使用所有选项进行分页

Question

我想添加 'All' 选项分页下拉菜单。如何使用 Angular 2

为 Kendo 网格实现此目的

Answer 1

您可以使用 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

如何使用 angular 2 在 kendo 网格中使用所有选项进行分页

How to do Pagination with All option in kendo grid with angular 2

kendo-ui-angular2

angular