如何从Kendo网格中删除所有行

Question

我在用Kendo grid.

我想删除所有Kendo grid使用的行JavaScript.

我使用for循环删除它们但我想找到删除所有行的最佳方法.

Answer 1

尝试以下代码.

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

为演示点击这里

Answer 2

这实际上并不会移动网格的基础数据，而只是清除正在显示的行。如果对“空”网格进行排序，则所有行将重新出现在基础数据中。

如果不是像这样显示删除数据，则：

dataSource.data([]);

而是将其替换为新的数据数组，例如称为result.Data ..，如下所示：

dataSource.data(result.Data)

您将看到数据交换，但是如果进行排序或分页，则会再次显示原始数据。

有谁知道如何实际更改数据并使新数据替换网格的源数据？

更新：答案是还可以使用setDataSource方法：

var grid = $("#grid").data("kendoGrid");
var dataSource = grid.dataSource;
dataSource.data([]);//clear out old data
dataSource.data(result.Data);//add new data
grid.setDataSource(result.Data);//set the new data as the grids new datasource
dataSource.sync();//refresh grid

Answer 3

如果您正在使用Angualrjs，请尝试遵循以下代码：

 $scope.gridData.data([]);

哪里gridData是k-data-source="gridData"