2017-12-27 426 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

相關問題