在 datagrid Kendo UI 中动态添加（选择/取消选择）列

Question

我刚开始使用剑道 UI 网格，我可以弄清楚如何将剑道与 angularJS 集成

例如：JSFIDDLE

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

例如：

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

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

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

虽然我做了

columns: [
            { field: "lastName", title: "Last Name" },
            { field: "firstName", title: "First Name" },
            { field: "company", title: "Company"},
            { field: "title", title: "Title" },
            { field: "email", title: "Email" },
            { field: "phone", title: "Phone" }
        ],

和 dataSource Dynamic 它不工作。

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

Answer 1

对于显示/隐藏列，我们在 Grid 本身上公开了一些方法。以下是这些 API 参考：

showColumn - http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-showColumn

hideColumn - http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-hideColumn

此外，我们还有一个名为 ColumnMenu 的功能。它会自动提供一个列菜单，您可以在其中选中/取消选中要显示或隐藏的列。这是一个演示：http://demos.telerik.com/kendo-ui/grid/column-menu

希望对你有帮助