Kendo UI 详细信息网格隐藏列

Question

我需要一种方法来动态显示/隐藏 Kendo 详细信息网格中的列。我目前有一个函数，可以使用 .hideColumn("ColName") 函数隐藏 Kendo Grid 的 Parent 部分的列。 示例：

var grid = $("#grid").data("kendoGrid");

grid.hideColumn("Column1");

有没有办法利用 .hideColumns 函数来隐藏 Detail Grid 的列？

Answer 1

我想通了。通过在 detailInit 函数中将 ID 分配给网格，我可以引用子网格并使用 .hideColumn 函数。

详细声明Init函数：

var detailGrid = $("<div id='detailGrid' />").appendTo(e.detailCell).kendoGrid({
...
});

功能：

var grid = $("#detailGrid").data("kendoGrid");    
grid.hideColumn("Column1");