如何使用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网格页面大小

回答

相关问题