kendo-ui - 如何在Kendo UI Grid中动态更改页面大小

Question

我的Kendo UI网格显示了1000多个数据。我也有一个针对不同页面大小的下拉列表-15、25、50、100。在选择页面大小时，我们如何更改Kendo UI网格的页面大小？

Answer 1

您可以在组合框更改事件中设置页面大小。 （另请参见JSBin example。）

$("#comboBox").kendoComboBox({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: 1 },
        { text: 2 },
        { text: 3 },
        { text: 4 },
        { text: 5 }
    ],
    change: function(e) {
      var grid = $("#grid").data("kendoGrid");
      grid.dataSource.pageSize(parseInt(this.value()));  // this.value() being the value selected in Combo
    }
});