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

Question

我的示例数据 ListView 网格结构是这样的。

<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 自动完成进行搜索，并在数据源网格中添加新数据。因此，每当我添加新数据时，旧数据就会删除并添加新数据。

如果您知道，请回复。

Answer 1

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

所以代码应该是:

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

在此处查看运行演示:http://jsfiddle.net/OnaBai/g6PZ7/