Kendo Grid：Kendo Grid 启动后更新列配置

Question

请看这个example

我想在剑道网格启动后更新列。

例如当前列定义是这样的：

             columns: [{
                field: "FirstName",
                title: "First Name",
                width: "120px"
                },{
                field: "LastName",
                title: "Last Name",
                width: "120px"
                },{
                field: "Country",
                width: "120px"
                },{
                field: "City",
                width: "120px"
                },{
                field: "Title"
            }]

显示网格后，我想更新列的定义：

             var newCol = [{
                field: "FirstName",
                title: "You First Name",
                width: "200px"
                },{
                field: "LastName",
                title: "You Last Name",
                width: "200px"
                },{
                field: "Title"
            }]

我想要这个功能，因为它可以让用户动态地改变整个网格。不仅是数据源，还有列。他们可以选择重置宽度、标题。他们可以选择查询他们想要的数据，并通过自定义列配置将其呈现在网格中。

我知道我可以破坏网格然后创建另一个网格，但这可能没有必要，对吧？任何帮助表示赞赏。

谢谢。

Answer 1

首先你需要获取对 kendoGrid 实例的引用。为此，您需要在模板中命名指令，例如：

<div kendo-grid="grid" options="mainGridOptions"></div>

所以在您的范围内$scope.grid 将是网格实例。然后你可以使用像hideColumn这样的普通网格方法：

$scope.grid.hideColumn(2); // hide the second column

演示： http://dojo.telerik.com/iyuZE/5