所以我有一个treegrid,我希望用户不仅能够显示和隐藏列,我希望他们能够显示和隐藏批量列。现在,我正在使用mygrid.enableHeaderMenu()
以允许用户显示和隐藏列。但是,我有大约50列,需要让他们能够批量显示/隐藏列。(DHTMLX网格)分组显示/隐藏列复选框
例如,我的专栏的样本是:
- 富
- 吧
- 巴兹
- 无关
我希望用户能够显示/隐藏foo,bar和baz列使用一个复选框,并且能够分别显示/隐藏每列。
所以我有一个treegrid,我希望用户不仅能够显示和隐藏列,我希望他们能够显示和隐藏批量列。现在,我正在使用mygrid.enableHeaderMenu()
以允许用户显示和隐藏列。但是,我有大约50列,需要让他们能够批量显示/隐藏列。(DHTMLX网格)分组显示/隐藏列复选框
例如,我的专栏的样本是:
我希望用户能够显示/隐藏foo,bar和baz列使用一个复选框,并且能够分别显示/隐藏每列。
我卷绕修改enableHeaderMenu
功能,并在那里将分组机制。
为了澄清,我使用了dhtmlxgrid_hmenu中的源代码,并基于该代码创建了自己的函数。实际分组在_createHContext
完成。为了让该组的启用或禁用分组的复选框可用于整个组,我复制了代码applyHideFunction
,将其命名为其他内容,并且该代码将setColumnHidden
应用于该组中的所有复选框。
最短的方法似乎将自己的上下文菜单添加到标题,并在项目单击中调用所需的功能。 在使用dhtmlxMenu的情况下,你可以使用:
menu = new dhtmlXMenuObject();
menu.renderAsContextMenu();
mygrid.hdrBox.id = "gridHeader";
menu.addContextZone("gridHeader");
这里是关于dhtmlxMenu部件教程: http://docs.dhtmlx.com/menu__index.html