Kendo UI:在按钮点击事件上动态更改网格的dataSource

时间:2013-04-26 05:46:13

标签: javascript mvvm kendo-ui kendo-grid

我有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> 

我能够成功读取这两个数据源,同时我也能成功获得“点击”事件。

问题

  1. 如何清除网格的现有dataSource?

  2. 如何将新的dataSource绑定到网格? (使用什么方法?)

2 个答案:

答案 0 :(得分:2)

方法setDataSource()运行良好,但是如果数据源在列中也不同则会出错,因为它无法找到列“xxxNewDataSourceColumn”...有一种方法可以刷新列吗?

答案 1 :(得分:0)

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

我浏览了网格文档并遇到setDataSource()方法并将其添加到按钮点击事件中。

效果很好。

那些关注这个问题的人,谢谢!! :)

-Hardik