如何使用angular-kendo设置kendo网格页面大小

Question

我一直在尝试创建一个具有angular-kendo的网格小工具，它允许用户选择页面大小，但也有一个默认的页面大小。

在http://docs.kendoui.com/api/web/grid#configuration-pageable.pageSizes的文档中，我需要将可分页选项与pageSize和pageSizes集一起使用。

我的理解是，在angular-kendo中，我可以使用kendo选项作为angular指令，方法是在选项名称前加上一个"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>

angular-kendo支持所有可分页的选项吗？如果是这样，我做错了什么？

Answer 1

angular-kendo github上的这个封闭问题表明您需要在dataSource上定义pageSize

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

例如，向数据添加pageSize属性可以解决此问题：

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

不过，这感觉就像是将视图逻辑混合到数据中。有没有更好的方法？

Answer 2

有两种方法可以在角度剑道格网上设置pageSize

如第一个answer

• $scope.KDataSource.pageSize($scope.pageSize);

中所述，数据源使用pageSize属性在k-

1. 上设置它