如何使用angular-kendo設置kendo網格頁面大小

我試圖用angular-kendo創建一個網格窗口小部件，它允許用戶選擇頁面大小，但也具有默認頁面大小。如何使用angular-kendo設置kendo網格頁面大小

從http://docs.kendoui.com/api/web/grid#configuration-pageable.pageSizes的文檔中，我需要使用帶pageSize和pageSizes集的可分頁選項。

我的理解是，在angular-kendo中，我可以使用kendo選項作爲角度指令，方法是在選項名前添加一個「k-」並轉換駝峯大小寫。我創建了以下代碼，可正確設置頁面大小選項，但不會按預期將默認頁面大小設置爲10。

<div kendo-grid k-data-source="routes" k-pageable="{ 'pageSize': 10, 'refresh': false, 'pageSizes': [5,10,20,50] }" 
    k-columns="[{ 'field': 'code', 'title': 'Code'}, 
       { 'field': 'name', 'title': 'Name'}, 
       { 'field': 'type', 'title': 'Type'}, 
       { 'field': 'active', 'title': 'Active'}]" 
    k-sortable="true", k-groupable="true", k-filterable="true"> 
</div>

角劍道是否支持所有的頁面選項？如果是這樣，我做錯了什麼？

來源

2013-10-10 AaronThomson

對角劍道GitHub的這種封閉式的問題說，你需要定義的數據源

https://github.com/kendo-labs/angular-kendo/issues/41

例如，pageSize的，添加的pageSize屬性的數據修復該問題：

$scope.routes = {data: [{"id":1,"code":"ROUTE1","name":"Route1","active":true},...<more data>], pageSize: 10};

這感覺就像將視圖邏輯混合到數據中。有沒有更好的辦法？

來源

2013-10-10 22:25:15 AaronThomson

有兩種方式可以設置的pageSize上的角劍道電網

設置它的K-數據源與pageSize的屬性上作爲第一個答案
$範圍解釋。 KDataSource.pageSize（$ scope.pageSize）;

來源

2014-09-08 16:53:45

如何使用angular-kendo設置kendo網格頁面大小

回答

相關問題