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

Kendo UI Grid Multi Column Hide/Show using field name

本文关键字：UI Kendo 网格 显示 字段 隐藏      更新时间：2023-09-26

我正在使用分组列。。。

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而更改）

提前感谢！

这应该根据Kendo API文档工作。您可能正在使用旧版本的剑道UI。将你的剑道UI升级到最新版本。

相关文章：