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 相关文章推荐
图片在浏览器中底部对齐 解决方法之一
Nov 30 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
使用时间戳解决ie缓存的问题
Aug 20 Javascript
js表头排序实现方法
Jan 16 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
利用js的闭包原理做对象封装及调用方法
Apr 07 Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 Javascript
js实现搜索栏效果
Nov 16 Javascript
vue打包npm run build时候界面报错的解决
Aug 13 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中的字符串函数
2006/10/09 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
jquery.cvtooltip.js 基于jquery的气泡提示插件
2010/11/19 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
什么是DOM(Document Object Model)文档对象模型
2012/03/05 Javascript
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
js中数组Array的一些常用方法总结
2013/08/12 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
新手快速入门微信小程序组件库 iView Weapp
2019/06/24 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
js实现纯前端压缩图片
2020/11/16 Javascript
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
用Python进行一些简单的自然语言处理的教程
2015/03/31 Python
用Python编写生成树状结构的文件目录的脚本的教程
2015/05/04 Python
Python基于smtplib实现异步发送邮件服务
2015/05/28 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python 日志增量抓取实现方法
2018/04/28 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
银行柜员应聘推荐信范文
2013/11/24 职场文书
学校万圣节活动方案
2014/02/13 职场文书
职业生涯规划书范文
2014/03/10 职场文书
小学语文教研活动总结
2014/07/01 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android