如何编辑kendogrid的pageSize以使此更改颜色中的1-10为100并且可单击以执行函数

Question

我有一个使用传统[kendoGridBinding] =“gridData”的kendo网格，如下所示 -

`<kendo-grid #grid [kendoGridBinding]="gridData"  [pageable]="true"  
 [pageSize]="5" style="cursor:pointer">

<kendo-grid-column *ngFor="let column of columns" [field]="getColumnField(column)" [title]="getColumnTitle(column)" [width]="getColumnWidth(column)">
</kendo-grid-column>

</kendo-grid>
`

它显示pageSize像1-5的10。我正在寻找一种方法，所以我可以使pageSize可单击执行一个功能，并改变pageSize按钮的颜色。有可能做到这一点。如果是，有人可以说明我如何接近它。提前感谢您的帮助。

Answer 1

您可以通过将ng-template与kendoPagerTemplate中的指令kendo-grid嵌套来覆盖现有的寻呼机。

这样您就可以在寻呼机内使用自定义元素和逻辑。 （API-Reference）

<kendo-grid>
    ...
    <ng-template kendoPagerTemplate>
        <!-- add custom components or reuse existing pager elements --->
    </ng-template>
</kendo-grid>