活字格的树形菜单相信大家都有使用过,今天有客户提出是否可以通过按钮动态控制树形菜单的展示和隐藏,答案当然是可以的,要不然我们怎么在插件默认设置中设置显示和隐藏呢
效果如下:
具体操作如下:
因为我们的树形菜单使用的是ztree插件,因此只需要使用代码将对应树形菜单的属性进行切换就OK了。
1.首先我们要先找到当前树形菜单的ID
2.获取当前树形菜单对象
- var tree = $.fn.zTree.getZTreeObj("r3c9p_tree");
复制代码
3.使用树形图expandAll方法,参数为true代表全部展开,false代表折叠。
- tree.expandAll(true);//全部展开
复制代码- tree.expandAll(false);//全部折叠
复制代码
将JS代码放置命令中即可。
工程文件见附件。
|
|