Kendo UI：在按钮单击事件上动态更改网格的数据源答案

【问题标题】：Kendo UI: Dynamically change dataSource of grid on button click eventKendo UI：在按钮单击事件上动态更改网格的数据源
【发布时间】：2013-04-20 05:16:41
【问题描述】：

我有 2 个 Json 文件，即 Products.json 和 Promotions.json。两者都具有相同的结构，即字段相同，只是值不同。

当页面被加载时，网格与 Products.json 中的数据绑定如下：

<!--dataSource gets the Products.json data -->
<div data-role="grid" data-columns="[{field:'code',title:'Code'} .... data-bind="source: dataSource"></div>

点击按钮后，我想清除网格的当前记录并添加 Promotions.json

的数据

<div data-role="grid" data-columns="[{field:'code',title:'Code'} .... data-bind="source: applyPromotionsDataSource"></div>

我能够成功读取两个数据源，也能够成功获得“点击”事件..

问题

如何清除网格已有的dataSource？
如何将新数据源绑定到网格？（用什么方法？）

【问题讨论】：

标签： javascript mvvm kendo-ui kendo-grid

【解决方案1】：

setDataSource() 方法效果很好，但如果数据源在列中也不同，则会出现错误，导致找不到列“xxxNewDataSourceColumn”...有一种方法也可以刷新列？

【讨论】：

【解决方案2】：

我得到了上述问题的解决方案。

我浏览了 grid 的文档，发现了 setDataSource() 方法并将其添加到按钮单击事件中。

效果很好。

那些正在研究这个问题的人，谢谢！！ :)

-哈迪克

【讨论】：