Question

我有一个带有分页的Telerik MVC服务器端网格，该组件在表格底部生成一个分页下拉列表，可让您选择页面大小。

我想以编程方式从javascript更改该下拉菜单的值，并使其变为可用，以便网格触发使用新值的刷新。

我已经尝试像这样针对下拉列表：

var listViewPagerDropDownList = $(".k-pager-sizes").find("select").data("kendoDropDownList");
listViewPagerDropDownList.value(userPreferencePageSize);

定位寻呼机：

var pager = $(".k-grid-pager").data("kendoPager");
pager.pageSize(userPreferencePageSize);

除了尝试使用jQuery手动更改它外，如下所示：

var selectBox = $(".k-pager-sizes").find("select");
selectBox.val(userPreferencePageSize);
selectBox.find("option[value='" + userPreferencePageSize + "']").prop("selected", true);

但是无论我做什么，都没有效果。有想法吗？

Answer 1

对于您实际想要的内容感到困惑，但是要更改页面大小，您需要访问包含页面值的寻呼机的dropdownlist数据源：

// Add a page size of 25 to the dropdown
$("select[data-role='dropdownlist']").data('kendoDropDownList').dataSource.add({text: "25", value: "25"});

您可以使用其他datasource commands清除现有值。

如果只想更改网格的页面大小，请尝试：

$("#grid").data("kendoGrid").dataSource.pageSize(numberOfRows);

以编程方式更改Kendo MVC网格分页下拉值

1 个答案: