При вызове destroy() в KendoUI Grid, а затем воссоздании таблицы на новом DataSource: почему старые столбцы таблицы все еще существуют?
Единственный элемент, который остается в силе, — это элемент. Как сообщить сетке, чтобы она читала новые столбцы источника данных (все остальное читается правильно).
(если я создам 2 разных элемента, они оба заполнятся правильно, но я просто оставлю 1 элемент и заменю таблицу элементов уничтожением и повторным запуском)
Скорее всего, это связано с тем, что вы не очищаете содержимое контейнера Grid. например
$('#gridName').data().kendoGrid.destroy();
$('#gridName').empty();
или более короткий синтаксис
$('#gridName').kendoGrid('destroy').empty();
В другом случае Grid учитывает старый оставшийся html — не забывайте, что Grid можно инициализировать из таблицы, например здесь.
Просто хочу уточнить последний фрагмент ответа Петра Субева, потому что это помогло мне:
"не забывайте, что Grid может быть инициализирован из таблицы, как здесь "
Это просто говорит о том, что в вашем HTML вы использовали тег <table>, а не тег <div>. Использование тега <table> отделяет данные таблицы сетки от столбцов сетки, поэтому, когда вы делаете $('#gridName').kendoGrid('destroy').empty(), он только уничтожает/очищает данные таблицы, а не информацию столбца. .
Переключите тег HTML <table> на тег <div>, чтобы получить желаемый результат.
Я работаю в рамках angular и, похоже, не могу повторно запустить сетку Kendo с новым источником данных и новыми столбцами. Ничего не работает на 2-й сетке init. Я пробовал:
if (vm.mainHierGrid != null) {
//vm.mainHierGrid.data().kendoGrid.destroy();
$('#mainGrid').data().kendoGrid.destroy();
//$('#mainGrid').empty();
vm.mainHierGrid.destroy();
}
Уничтожьте сетку кендо и перепривяжите ее
if ($('#kgCopyEntityGrid').hasClass("k-grid")) {
$('#kgCopyEntityGrid').kendoGrid('destroy').empty();
}
var kgCopyGrid = $("#kgCopyEntityGrid").kendoGrid({
// your code here
}).data("kendoGrid");
