Изменить значение выпадающего списка Kendo MVC Grid программно

Question

У меня есть Telerik MVC Server Side Grid с нумерацией страниц, компонент генерирует выпадающий список внизу таблицы, который позволяет вам выбрать размер страницы.

Я бы хотел программно изменить значение этого раскрывающегося списка из 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

Смущен тем, что вы на самом деле хотите, но чтобы изменить размеры страниц, вам нужен доступ к источнику данных выпадающего списка пейджера, который содержит значения страниц:

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

Вы можете использовать другие команды источника данных очистить существующие значения.

Если вы просто хотите изменить размер страницы сетки, попробуйте:

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