（DHTMLX Grid）分组显示/隐藏列复选框

Question

所以我有一个treegrid，我希望用户不仅能够显示和隐藏列，我希望他们能够批量显示和隐藏列。现在，我使用mygrid.enableHeaderMenu()来允许用户显示和隐藏列。但是，我有大约50列，需要让它们能够批量显示/隐藏列。

例如，我的列的示例将是：

• FOO
• 巴
• 巴兹
• 无关

我希望用户能够使用一个复选框显示/隐藏foo，bar和baz列，并且能够分别显示/隐藏每个列。

Answer 1

最短的方法似乎是将自己的上下文菜单添加到标题中，并在项目单击中调用所需的功能。 如果使用dhtmlxMenu，您可以使用：

 menu = new dhtmlXMenuObject();
 menu.renderAsContextMenu();

 mygrid.hdrBox.id = "gridHeader";
 menu.addContextZone("gridHeader");

以下是有关dhtmlxMenu组件的教程： http://docs.dhtmlx.com/menu__index.html

Answer 2

我最后修改了enableHeaderMenu函数并在其中添加了分组机制。

为了澄清，我使用了dhtmlxgrid_hmenu中的源代码，并根据该代码创建了自己的函数。实际分组在_createHContext中完成。为了使整个组的复选框启用或禁用分组，我复制了applyHideFunction的代码，将其命名为其他内容，并将该代码应用于setColumnHidden所有复选框在那个小组中。