Ztree实现点击当前节点展开的同时其余节点关闭，以及单个节点刷新

UniqueUnit UniqueUnit 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.3k累计阅读 1.3k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄9年
关注
原创 最新推荐文章于 2026-08-06 12:41:49 发布 1.3k 阅读 AI 写同款· GEO 优化 ›
echarts Tree树图实现点击一个节点,关闭另一个节点(点击一个节点展示其子节点,收缩其余兄弟节点的子节点) echarts Tree实现手风琴模式工具组件说明效果说明代码实现实现效果 工具组件说明 echarts:一个使用 JavaScript 实现的开源可视化库,ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支... 阅读详情

因为代码在云桌面里，懒的再手敲一遍，截图叭还是…

var setting = { 
	//...
	callback: { 
		onExpand: onExpand 
	} 
	//...
};

在这里插入图片描述

Ztree实现点击当前节点展开的同时其余节点关闭

在这里插入图片描述

Ztree实现点击当前节点展开的同时只刷新当前节点下的数据

在这里插入图片描述

标签
#javascript #jquery #node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
zTree实现节点修改的实时刷新功能 一、应用场景 在实际应用中会遇到动态操作树各节点的需求，在增加树节点后如何实时动态刷新树就十分有必要了。 二、项目实践 比如要在test1234节点下新建子节点，首先要选中test1234节点，添加成功后，根据test1234结点的TID去后台请求对应子节点数据，实现动态刷新。删除节点类似。 三、代码实现 1、初始化时必须设置配置 <span xss=removed> async:{ enable:true, url:../admin/scriptManager/loadNodeByID.htm, autoParam:[id], da 立即下载

相关推荐

RK3588开发板量产前必做：24小时DDR压力测试到底在测什么？（附ArmSoM-W3测试脚本解析）

本文深入解析RK3588开发板量产前的24小时DDR压力测试，揭示其核心价值与技术原理。通过memtester、stressapptest和变频测试的组合使用，全面验证DDR内存稳定性。特别介绍ArmSoM-W3测试脚本的创新设计，包括并行测试架构和异常熔断机制，为开发者提供可靠的量产测试方案。

weixin_30325487的博客 454

echarts的树形，突出一个节点：当点击一个节点的时候，是的其同级的节点收缩，本节点展开

echarts中的树形图的data形式是： 根节点：option.series[0].data 对于每一个节点都有一个children数组，保存的是子节点的数据 所以就形成了一棵树 在树中一个节点的展示与收缩是通过节点的collapsed属性进行控制的，collapsed = true，收缩；false，节点展开。 需求：点击一个节点，这个节点对应的数据展开，同级的数据收缩。 ...

Everything can be done! 5465

AirSim安装和地图加载

详细教程如何安装AirSim并加载地图

fegxg的博客 3033

Echarts3树图动态添加子节点以及节点的展开和缩放的完美控制

由于关联数据量比较大，先加载一层树图数据，后根据节点是否有子节点动态加载数据并显示。 初始数据： [{"children":[{"children":[{"children":[{"children":[],"name":"子部门XXX","hasChild":true}],"name":"部门A"}],"name":"分公司A"},{"children":[{"children":[],"nam...

yeyeyeyepujie的博客 1万+

从CCD数据上报看wxHOOK的封号风险与规避

本文深入分析了微信CCD数据上报机制对wxHOOK的检测逻辑与封号风险，揭示了调试器路径暴露、非白名单DLL加载和内存校验失败等关键风险点。通过实战案例和规避方案，帮助开发者理解如何安全使用wxHOOK技术，避免封号风险，包括内存镜像欺骗、内核级隐蔽和硬件辅助方案等高级技巧。

weixin_27875131的博客 625

手把手教你用Multisim搭建FM直接调频电路（附完整波形分析）

本文通过Multisim仿真软件，手把手教你搭建FM直接调频电路。详细介绍了从核心概念理解、压控振荡器（VCO）参数设置、电路搭建与波形观测，到带通滤波器设计与信号优化的完整流程。通过对比滤波前后的时域波形与频谱分析，帮助读者直观理解频率调制原理，并提供了常见问题的排查思路与参数调试方法，将抽象的通信理论转化为可操作的实践技能。

weixin_29230773的博客 214

JQuery/JS插件 zTree树，点击当前节点展开，其他节点关闭

好像没找到现成的，就自己写了一个demo。 效果如下： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></t...

weixin_34290352的博客 584

微波传感器 - 从原理到实战，解锁非接触感知新维度

本文深入解析微波传感器的工作原理，重点阐述了其基于多普勒效应的非接触感知机制，并对比了红外、超声波等技术的优劣。通过树莓派Pico与RCWL-0516模块的实战案例，展示了如何构建区域入侵检测器，并探讨了微波传感器在智能家居、工业自动化及汽车电子等领域的广阔应用前景。

weixin_29306571的博客 223

ztree 全选或取消； 默认展示第一个节点；点击checkbox选中事件

//全选/取消 Flag=ture 为全选 Flag=false 为取消全选 function checkboxall(Flag) { var treeObj = $.fn.zTree.getZTreeObj("tree"); treeObj.checkAllNodes(Flag); }

hyq_07_27的博客 489

Ubuntu断网环境下的系统更新：apt-offline保姆级教程（附常见问题排查）

本文详细介绍了在Ubuntu断网环境下使用apt-offline进行系统更新的完整教程，包括环境准备、签名文件生成、数据传输方案对比及常见问题排查。特别适用于企业级开发环境或安全敏感场景，帮助运维人员高效完成离线系统更新，确保系统安全与稳定。

weixin_29214691的博客 358

深度解读 ABAP CDS View 中的 @Analytics.dataCategory: #FACT 注解

注解在 ABAP CDS View 中具有重要意义。它不仅定义了当前视图在数据模型中的角色，还为后续的分析和报告奠定了基础。在实际开发中，通过合理使用这一注解，可以显著提升数据模型的可用性和系统性能。无论是简单的 KPI 展示还是复杂的多维分析，这一注解都能发挥关键作用。

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 787

Ztree新增节点异步加载刷新数据，默认展开所有节点

本文介绍了zTree的初始化、默认展开所有节点、异步加载数据以及异步加载数据后展开节点等功能。本文还从前端、后台以及数据结构给出了详细示例。

周末未至 2169

2026年数学建模国赛C题利器：层次分析法与主成分分析在统计建模中的应用

本文系统探讨了层次分析法（AHP）与主成分分析（PCA）在数学建模竞赛，特别是全国大学生数学建模竞赛C题中的联合应用策略。通过理论阐述、方法对比和案例实践，本文揭示了两种方法从“数据降维”到“决策评价”的完整分析链条，提出了“PCA+AHP”协同框架，并通过实际算例验证了该框架在解决复杂评价类问题中的有效性和优越性。研究表明，将PCA的客观降维能力与AHP的主观决策优势有机结合，能够显著提升统计建模的科学性、合理性和解释力，是应对日益复杂的竞赛题目的重要方法论工具。关键词：层次分析法；主成分分析；数学建模。

YOLO 40

ztree刷新(重置)整棵树，并且刷新完之后选中刷新之前的节点，展开之前展开的节点

首先说一件脑壳很疼的事情，就是在项目中用到了很多ztree，这块是我最头疼的，因为测试每天提的bug都是这块问题的，说来说去，就是一句话，做这些操作的时候只要刷新一下(或重新加载一下这颗树)就好了。 那么重点来了，怎样才能做到在操作节点的时候刷新这颗树呢，我尝试了很多次都不能成功，最后，终于解决了。。。。。。内心那是无比的开心呀。。。 刷新操作的时候，首先要重置这些树，并且获取到刷新之前选中的节点...

笑到世界都狼狈的博客 1万+

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件，这是C++版本的破解文件

zTree保持展开单一路径的实现

今天实现了zTree的保持展开单一路径 什么意思呢，保持展开单一路径就是说：同一级别的节点，只打开一个，类似下面的简单演示，点击node1，展开显示1和2，点击node2，会关闭node1，展开显示3和4 +root                                   +root -node1                                +node1 1

Ned_mahone的博客 1545

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

ztree模糊查询展开节点，并且关闭上次打开的节点

function searchTree(){ console.log($("#searchId").val()); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); //参数1：name要查找的在ztree上的字段名称 参数2：动态获取的查找的内容 参数3：在指定的父节点下查找 var nodes = tre...

qq_25078011的博客 781

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

zTree展开树节点

/** * 展开树节点的第一层 */ function openFirstTreenode(){ // 获取树对象 var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); /* 获取所有树节点 */ var nodes = treeObj.transformToArray(treeObj.getNodes()); //当再次点击节点时条件不符合,直接跳出方法 // 遍历树节点设置树节点为选中 for (va.

$好记性还是要多记录$ 2881

zTree展开操作，全部展开，全部关闭，展开二级等

展开全部： treeObj.expandAll(true); 关闭全部： expendAllNode();//打开所有节点 expandAllNodeFalse();//关闭所有节点 展开二级全部： zNodes = eval(msg); zTree1 = $("#tree").zTree(setting, zNodes); //zTree1.expandAll(true); ...

零一 4358

ZTree节点单击展开

ZTree 没有提供单击展开节点的功能，所以我们可以利用 onClick 事件回调方法法实现此功能。 但是ZTree默认是双击节点展开，为了避免与之冲突，先要把双击事件关闭。设置 setting.view.dblClickExpand = false。 var setting = { view: { dblClickE

zsg88的专栏 1万+

关于ztree打开关闭所有节点，选中指定id节点

var isOneByOneExpand=false;//是否递归展开 //展开节点 function expendNode(nodeId){ var node = treeObj.getNodeByParam("id",nodeId); treeObj.expandNode(node, true, true, true,true); } //展开所有节点 function

七秒一生的专栏 1万+

zTree核心功能详解：节点展开与折叠事件控制

zTree作为一款功能强大的树形结构插件，提供了丰富的节点操作功能。其中节点展开(expand)与折叠(collapse)是最基础也是最常用的功能之一。本文将深入解析zTree中节点展开与折叠的事件控制机制，帮助开发者更好地理解和运用这些功能。 ## 核心事件回调函数 zTree提供了四个与节点展开折叠相关的重要回调函数： 1. `beforeExpand` - 节点展开前触发 2. `on...

gitblog_00632的博客 687

zTree单击展开节点

 zTree 默认不提供单击展开节点的功能，但可以利用 onClick 事件回调函数轻松实现此功能。zTree 默认双击展开节点 ，为了避免与双击功能冲突，建议关闭双击展开节点的功能，请设置 setting.view.dblClickExpand = false具体代码如下： var setting = { view: { d...

MangLi的博客 3164

ztree中模糊查询，每次查询关闭上次查询到的节点，重新展开

在ztree中使用模糊查询时第一次查询出来的结果选中，第二次查询要求关闭第一次的查询结果重新展开符合第二次的查询结果在js中使用expandAll(false)；但是expendAll(false)在与expandNode一起使用时出现异常，在用断点模式查询发现，expendAll(false)关闭所有节点时总是在方法执行完之后，因为ztree的展开和折叠是使用jQuery的动画完成，是一个异步过...

yuanlijiefengjuan的博客 1634

38zTree - 冻结根节点

效果图： 代码： <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - one root</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="s...

阿甘兄 1120
上一篇： 执行 npm install时报错汇总（更新中）
下一篇： Windows下解决端口号被占用
点赞 2
评论 0
书签 书签 3
UniqueUnit
UniqueUnit
博客等级 码龄9年 4万+粉丝 15原创
+ 关注
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值