如何在kendo网格初始化后设置pageSizes?

时间:2016-05-18 06:41:32

标签: javascript kendo-ui kendo-grid

我基本上试图将“所有项目”-Pagesize设置为kendo网格。我知道我可以通过这种方式获得总项目:

var grid = $("#CardGrid").data("kendoGrid");
var dataSource = grid.dataSource;
dataSource.fetch(function () {
    alert(dataSource.total());
});

这是我在网格初始化后尝试设置页面大小的原因:

var grid = $("#CardGrid").data("kendoGrid");
console.debug(grid.options);
grid.options.pageable.pageSizes = [10, 25, 50, 100]; //This does not affect the combobox for the pagesizes

那么如何设置页面大小?

1 个答案:

答案 0 :(得分:1)

如果您想要一个按钮来显示您的所有项目,请尝试使用

$("#pager").kendoPager({
      dataSource: dataSource,
      pageSizes: [2, 3, 4, "all"]
    });

来源:http://docs.telerik.com/kendo-ui/api/javascript/ui/pager

或者,试试这个:

var grid = $("#grid").data("kendoGrid");

var pageSizes = [{ text: "5", value: 5 }, { text: "10", value: 10 }, { text: "25", value: 25 },{ text: "All", value: grid.dataSource.total() }];
$('.k-pager-sizes select[data-role="dropdownlist"]').data('kendoDropDownList').setDataSource(new kendo.data.DataSource({ data: pageSizes }));​

http://www.telerik.com/forums/any-way-to-add-all-to-pagesizes-array