2017-12-27 2631 views
0

我有一个使用传统[kendoGridBinding] =“的GridData”这样的剑道格 -如何编辑kendogrid的pageSize的使100在1-10这个改变颜色,点击执行功能

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

它显示页面大小像1-5的10我正在寻找一种方式,所以我可以使pageSize可点击执行一个功能,也改变pageSize按钮的颜色。有可能做到这一点。如果是的话,是否有人可以说明我如何接近它。感谢提前帮助。

回答

0

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

这样你就可以在寻呼机中使用自定义元素和逻辑了。 (API-Reference

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

因为我的应用是在角2 r.c.1所以它仅支持模板代替纳克模板我不能使用纳克 - 网格。 – user8819437

相关问题