动态选择列后无法刷新数据网格
Not able to refresh the data grid after selecting the column dynamically
我刚刚开始使用 kendo UI 网格,我能够弄清楚如何将 kendo 与 angularJS 集成。
但我试图实现一些类似动态 adding/selecting 或取消 select 列名的东西,然后数据网格应该在数据 table 中相应地显示列。
例如:
现在,当我 select 在网格右侧创建一个新列时,数据 table 会更新为 select 编辑的列
希望这张图片能清楚地说明我指的是什么
所以,我想实现这种动态数据网格,
我尝试在 Jsfiddle 中实现一个示例。在这个 jsfiddle 中,您可以找到具有一列的数据网格,但是,当您通过 select 复选框在数据网格上方 select 一列时,无法 reload/refresh 数据网格。
//vm.gridOptions.refresh(); THIS SAYS ERROR
错误:
TypeError: vm.gridOptions.refresh is not a function
at vm.addColumsn (
注意:请考虑从 API 获取列名,因此我需要基于 API
动态实现
确实选项没有刷新方法。这是 Kendo UI 小部件的 method,无法帮助您实现目标。
您需要使用 k-rebind 指令才能在运行时设置选项:
<kendo-grid k-options="vm.gridOptions" k-rebind="vm.gridOptions"></kendo-grid>
这是一个现场演示:http://jsfiddle.net/btjgzkup/34/
我刚刚开始使用 kendo UI 网格,我能够弄清楚如何将 kendo 与 angularJS 集成。
但我试图实现一些类似动态 adding/selecting 或取消 select 列名的东西,然后数据网格应该在数据 table 中相应地显示列。
例如:
现在,当我 select 在网格右侧创建一个新列时,数据 table 会更新为 select 编辑的列
希望这张图片能清楚地说明我指的是什么
所以,我想实现这种动态数据网格,
我尝试在 Jsfiddle 中实现一个示例。在这个 jsfiddle 中,您可以找到具有一列的数据网格,但是,当您通过 select 复选框在数据网格上方 select 一列时,无法 reload/refresh 数据网格。
//vm.gridOptions.refresh(); THIS SAYS ERROR
错误:
TypeError: vm.gridOptions.refresh is not a function
at vm.addColumsn (
注意:请考虑从 API 获取列名,因此我需要基于 API
动态实现确实选项没有刷新方法。这是 Kendo UI 小部件的 method,无法帮助您实现目标。
您需要使用 k-rebind 指令才能在运行时设置选项:
<kendo-grid k-options="vm.gridOptions" k-rebind="vm.gridOptions"></kendo-grid>
这是一个现场演示:http://jsfiddle.net/btjgzkup/34/