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

时间:2013-07-29 07:10:02

标签: javascript jquery kendo-ui kendo-grid

我正在使用Kendo grid

我想使用Kendo gridJavaScript删除所有行。

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

4 个答案:

答案 0 :(得分:44)

尝试以下代码。

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

用于演示点击here

答案 1 :(得分:4)

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

gridData

k-data-source="gridData"PowerPoint Show(.ppsx in Office 2007)

的位置

答案 2 :(得分:4)

这并没有真正移动网格的基础数据,它只是清除显示的行。如果你排序"空"网格,所有行重新出现形成基础数据。

如果不是如下所示删除数据:

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

答案 3 :(得分:1)

这对我来说很好。

var grid = $("#Grid").data("kendoGrid");
var newDataSource = new kendo.data.DataSource({
    data: []
});
grid.setDataSource(newDataSource);