zTree异步加载展开第一级节点的实现方法


Posted in Javascript onSeptember 05, 2017

在 setting 中的 callback 中加上 onAsyncSuccess:onAsyncSuccess 回调函数 , 然后实现回调函数    

var isFirst = true;
function onAsyncSuccess(event, treeId) {
  if (isFirst) {
      //获得树形图对象
      var zTree = $.fn.zTree.getZTreeObj("treeDemo");
      //获取根节点个数,getNodes获取的是根节点的集合
      var nodeList = zTree.getNodes();


//展开第一个根节点
      zTree.expandNode(nodeList[0], true);



//当再次点击节点时条件不符合,直接跳出方法
      isFirst= false;
  }
}

下面在给大家分享zTree获取当前节点的下一级子节点数的实现方法。

使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用treeNode.children获取子节点数据集合,使用length方法获取集合长度。

将当前节点的treeNode传入即可调用。

/*查找当前节点下一级的子节点数*/
function findNodes(treeNode)
{
  var count;
  /*判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点*/
  if(treeNode.isParent) {
    count = treeNode.children.length + 1 ;
  } else {
    /*如果不是父节点,说明没有子节点,设置为1*/
    count = 1;
  }
  return count;
}

总结

以上所述是小编给大家介绍的zTree异步加载展开第一级节点的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
javascript流程控制语句集合
Sep 18 Javascript
基于jquery实现左右上下移动效果
May 02 jQuery
JavaScript中this函数使用实例解析
Feb 21 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 Javascript
js实现3D旋转效果
Aug 18 Javascript
纯js实现画一棵树的示例
Sep 05 #Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 #Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 #Javascript
对于Javascript 执行上下文的全面了解
Sep 05 #Javascript
JS一个简单的注册页面实例
Sep 05 #Javascript
基于react组件之间的参数传递(详解)
Sep 05 #Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 #Javascript
You might like
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
延时重复执行函数 lLoopRun.js
2007/05/08 Javascript
javascript 多级checkbox选择效果
2009/08/20 Javascript
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
web打印小结
2017/01/11 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
详解vue使用插槽分发内容slot的用法
2019/03/28 Javascript
JS实现可切换图片的幻灯切换效果示例
2019/05/24 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
2019/09/21 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
[01:04:14]VP vs TNC 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
python中将zip压缩包转为gz.tar的方法
2018/10/18 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
大学老师推荐信
2014/02/25 职场文书
旅游安全协议书
2014/04/21 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
十个Python自动化常用操作,即拿即用
2021/05/10 Python
python b站视频下载的五种版本
2021/05/27 Python
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python