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 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 Javascript
原生JS实现加入收藏夹的代码
Oct 24 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
Javascript中设置默认参数值示例
Sep 11 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
jquery使用ul模拟select实现表单美化的方法
Aug 18 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
详解Angular Reactive Form 表单验证
Jul 06 Javascript
使用Vue自定义指令实现Select组件
May 24 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 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
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
PHP实现的各类hash算法长度及性能测试实例
2017/08/27 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
HTML node相关的一些资料整理
2010/01/01 Javascript
JavaScript DOM学习第八章 表单错误提示
2010/02/19 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
Javascript 类、命名空间、代码组织代码
2011/07/31 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
详解JS去重及字符串奇数位小写转大写
2016/12/29 Javascript
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
2019/02/26 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
一则python3的简单爬虫代码
2014/05/26 Python
python动态参数用法实例分析
2015/05/25 Python
python实现求最长回文子串长度
2018/01/22 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
python绘制彩虹图
2019/12/16 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
火山咖啡:Volcanica Coffee
2019/10/29 全球购物
师范毕业生求职自荐信
2013/09/25 职场文书
大学生最常用的自我评价
2013/12/07 职场文书
2015中秋祝酒词
2015/08/12 职场文书
《中华上下五千年》读后感3篇
2019/11/29 职场文书
python基础入门之普通操作与函数(三)
2021/06/13 Python