如何在不同的页面中设置不同的页面大小在Kendo UI Grid中

Question

嗨我在Kendo UI Grid分页中有一个要求。

如何展示

1. 第1页中的X项/行
2. 第二页中的X + 1项/行
3. 第3页中的X-1项/行

我尝试了以下代码但没有工作，因为最新的查询选择，它会在每页显示2个项目。

$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 3, page: 1 });
$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 4, page: 2 });
$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 2, page: 3 });

Answer 1

您应该使用dataBound事件来捕获页面更改。

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

将为您提供当前页面。

要更改页面大小，您可以使用以下内容：

if (page == 2){
       var grid = $("#grid").data("kendoGrid");
       grid.dataSource.pageSize(5);
       grid.refresh();
}