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");

*请记住，组头的标题也是动态的（它根据mutliselect更改并引用GroupHeader1 / GroupHeader2 ID）

提前致谢！

Answer 1

这应该符合Kendo API Documentation的要求。您可能正在使用旧版本的Kendo UI。将您的Kendo UI升级到最新版本。

Kendo UI Grid Multi Column使用字段名称隐藏/显示

1 个答案: