Question

我的示例数据列表视图网格结构是这样的。

<div id="listView">
 <div class="product"><h3>India</h3></div>
 <div class="product1"><h3>Gujarat</h3></div>
 <div class="product"><h3>Surat</h3></div>
</div>

我想删除listview数据源中的所有数据项。我使用kendo ui autocomplete进行搜索，并在数据源网格中添加新数据。因此，每当我添加新的旧数据时，都会删除并添加新数据。

所以如果你知道那么请回复。

Answer 1

DataSource是可观察对象，因此除非有充分理由，否则您无需重新创建，只需使用DataSource中的data方法更改内容（文档here）

所以代码应该是：

var listView = $("#listView").data("kendoListView");
listView.dataSource.data(newData);

请参阅此处运行演示：http://jsfiddle.net/OnaBai/g6PZ7/

Answer 2

将数据添加到网格数据源时，可以创建新的数据源并设置listview数据源，如下所示：

/// ... do your add code to grid dataSource

var listView = $("#listView").data("kendoListView");
var newDataSource =  new kendo.data.DataSource(/* your data source options */);
listView.setDataSource(newDataSource);

有关详细信息，请参阅官方文档：http://docs.kendoui.com/api/web/listview#methods-setDataSource

如何删除kendo ui listview数据源中的所有数据项

2 个答案: