如何刪除kendo ui列表視圖數據源中的所有數據項

Question

我的樣本數據listview grid結構是這樣的。

<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/

Answer 2

當您將數據添加到您的網格的數據源，你可以創建一個新的數據源，並設置列表視圖數據源如下所示：

/// ... 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