2014-07-10 31 views
0

所以我有一个treegrid,我希望用户不仅能够显示和隐藏列,我希望他们能够显示和隐藏批量列。现在,我正在使用mygrid.enableHeaderMenu()以允许用户显示和隐藏列。但是,我有大约50列,需要让他们能够批量显示/隐藏列。(DHTMLX网格)分组显示/隐藏列复选框

例如,我的专栏的样本是:

  • 巴兹
  • 无关

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

回答

0

我卷绕修改enableHeaderMenu功能,并在那里将分组机制。

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

0

最短的方法似乎将自己的上下文菜单添加到标题,并在项目单击中调用所需的功能。 在使用dhtmlxMenu的情况下,你可以使用:

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

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

这里是关于dhtmlxMenu部件教程: http://docs.dhtmlx.com/menu__index.html