Question

我有一个kendo网格，它使用传统的[kendoGridBinding] =＆＃34; gridData＆＃34;像这样 -

`<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>

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

1 个答案: