剑道网格在分组时检索旧数据

Question

我正在使用具有分组功能的 Kendo 网格，如果重新填充网格，则会显示一些奇怪的行为。

产生奇怪行为的步骤：

1. 单击按钮时网格是使用数据源而非数据创建的
2. 进行一个或多个 ajax 调用并将结果添加到网格中
3. 数据按预期呈现到网格中
4. 再次单击搜索按钮并按预期填充网格
5. 将一列拖到分组栏中

第五步之后，网格与原始搜索数据进行分组。

点击分组按钮进行排序，显示更新后的搜索。

这是向网格添加行的代码：

var grid = $('#grid');
var dataSource = grid.data().kendoGrid.dataSource;
if (data.length > 0) {

    $.each(data, function (i, v) {
        dataSource.add(v);
    });       
}

我已经尝试了几种方法来清除数据源，包括以下变体：

$("#grid").data("kendoGrid").dataSource.data([ ]);

旧的搜索数据保留在某处，直到我开始分组才会显示。

Answer 1

解决方法是从网格本身而不是数据源中清除数据。

调用destroy方法清除了所有JQuery数据属性，我能够用奇怪的行为重新填充网格。

var grid = $('#report').data('kendoGrid');

if (grid) {
    grid.destroy();
}