Сохранение состояния выбора в KendoGrid при переходах страниц ⇐ Jquery

[Гость]

В kendoGrid, когда страница загружается, предполагается, что у меня уже есть выбранный идентификатор продукта. Итак, когда сетка загружается и данные привязываются, она выбирает соответствующую строку.

Проблема возникает, когда я снимаю флажок с идентификатора продукта на первой странице, а затем перехожу на вторую страницу, чтобы проверить данные. Вернувшись на первую страницу, я заметил, что ранее непроверенный идентификатор продукта снова стал проверенным.

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

ДЕМО В ДОдзё

$("#grid").kendoGrid({ dataBound: функция (е) { вар сетка = это; вар строки = Grid.items(); $(строки).each(функция(e) { вар строка = это; вар dataItem = Grid.dataItem (строка); если (selectedProductIDs.includes(dataItem.ProductID)) { сетка.выбрать (строка); } }); }, Источник данных: источник данныхTEST, постраничный: правда, persistSelection: правда, сортируемый: правда, изменение: функция (е) { console.log("Выбранные идентификаторы продуктов: [" + this.selectedKeyNames().join(", ") + "]"); }, столбцы: [{ по выбору: правда, ширина: «50 пикселей» }, { поле: «ИмяПродукта», title: «Название продукта» }, { поле: «Цена за единицу», заголовок: «Цена за единицу», формат: "{0:c}" }, { поле: «Единицы в наличии», title: «Единиц в наличии» }, { поле: «Снято с производства» } ] });