找回密码
 立即注册

QQ登录

只需一步,快速开始

Eric.Liang 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2019-2-20 16:45  /   查看:7163  /  回复:1
活字格的树形菜单相信大家都有使用过,今天有客户提出是否可以通过按钮动态控制树形菜单的展示和隐藏,答案当然是可以的,要不然我们怎么在插件默认设置中设置显示和隐藏呢
效果如下:
动态展示折叠.gif

具体操作如下:
因为我们的树形菜单使用的是ztree插件,因此只需要使用代码将对应树形菜单的属性进行切换就OK了。
1.首先我们要先找到当前树形菜单的ID
image.png146892394.png

2.获取当前树形菜单对象
  1. var tree = $.fn.zTree.getZTreeObj("r3c9p_tree");
复制代码


3.使用树形图expandAll方法,参数为true代表全部展开,false代表折叠。
  1. tree.expandAll(true);//全部展开
复制代码
  1. tree.expandAll(false);//全部折叠
复制代码


将JS代码放置命令中即可。
工程文件见附件。

树形菜单展开折叠.fgcc

518.65 KB, 下载次数: 766

评分

参与人数 2满意度 +10 收起 理由
kagami + 5
amtath + 5 很给力!

查看全部评分

1 个回复

正序浏览
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2022-2-22 09:56:39
沙发
7.1之后,树形展开参考这个帖子
树型图展开功能不能用了
https://gcdn.grapecity.com.cn/fo ... 1&fromuid=60953
(出处: 葡萄城产品技术社区)


回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部