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

标签 kendo-ui kendo-grid

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

如果您知道,请回复。

最佳答案

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

所以代码应该是:

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

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

关于kendo-ui - 如何删除kendo ui listview数据源中的所有数据项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17361089/

相关文章:

angular - 在索引值处从 Angular 的数组中删除项目

javascript - 我可以更改单击 Kendo Grid 下一页按钮时触发的事件吗?

JavaScript 运行时错误 : "object doesn' t support property or method"in Internet Explorer

javascript - Kendo Core - 需要基本帮助

javascript - Angularjs ng-click 在 Kendo Grid 中不起作用

javascript - 当 DataSource 数据使用 4 位小数时,Kendo Grid 过滤使用 2 位小数

javascript - Kendo 网格行选择客户端持久化问题

javascript - 如何将 Kendo-grid 用于 Angular-ngRepeat

javascript - 检查全部 jquery

html - 如何使用输入元素设置按钮+垂直居中?