javascript - Kendo UI 网格多列使用字段名称隐藏/显示

Question

我正在使用分组列...

columns.Group(group => group
    .HeaderTemplate("<span id='GroupHeader1'></span>")
    .Columns(info =>
    {
        info.Bound(x => x.Quantity1).Title("Qty");
        info.Bound(x => x.ECD1).Title("ECD");
    }).HeaderHtmlAttributes(new { @data_title="Group1", @data_field="Group1" })
);

columns.Group(group => group
    .HeaderTemplate("<span id='GroupHeader1'></span>")              
    .Columns(info =>
    {
        info.Bound(x => x.Quantity2);
        info.Bound(x => x.ECD2);
    }).HeaderHtmlAttributes(new { @data_title="Group2", @data_field="Group2" })
);

我可以通过引用列顺序来隐藏多列组...

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

但是我需要通过数据字段(或 id 或数据标题 [我可以在 HeaderHtmlAttributes 中设置其中任何一个])调用它们来隐藏/显示这些组，因为我希望允许用户对列重新排序。

这不起作用...

grid.hideColumn("Group1");

*请记住，组标题的标题也是动态的(它根据多选和引用 GroupHeader1/GroupHeader2 Id 进行更改)

提前致谢!

Answer 1

这应该按照 Kendo API Documentation 工作。您可能使用的是旧版本的 Kendo UI。将您的 Kendo UI 升级到最新版本。