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

Question

您好，我对 Kendo UI Grid 分页有一个要求。

如何展示

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();
}