动态选择列后无法刷新数据网格

Question

我刚开始使用kendo UI网格，而且我能够弄清楚如何将kendo与angularJS集成。

但是我试图实现一些事情，比如动态添加/选择或取消选择列名，然后数据网格应该在数据表中相应地显示列。

Ex：

现在，当我在网格右侧选择一个新列时，数据表将使用所选列进行更新

希望这张图片清楚地说明我指的是什么

所以，我想实现这种动态数据网格，

我尝试在Jsfiddle中实现一个示例。在这个jsfiddle中，您可以找到包含一列的datagrid，但是当您通过选择一个复选框选择一个列时，在datagrid上方，则无法重新加载/刷新数据网格。

//vm.gridOptions.refresh(); THIS SAYS ERROR

错误：

TypeError: vm.gridOptions.refresh is not a function
    at vm.addColumsn (

注意：请考虑从API获取列名称，因此我需要基于API动态实现

Answer 1

事实上，这些选项并没有刷新方法。这是Kendo UI小部件的method，无法帮助您实现目标。

您需要使用k-rebind指令才能在运行时设置选项：

this.getClass()

这是一个现场演示：http://jsfiddle.net/btjgzkup/34/