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实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
Mar 08 Javascript
详解vue中使用express+fetch获取本地json文件
Oct 10 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
详解Angular2学习笔记之Html属性绑定
Jan 03 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
vue中引入第三方字体文件的方法示例
Dec 17 Javascript
Node.js开发之套接字(socket)编程入门示例
Nov 05 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验证码类
2016/05/15 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
one.php 多项目、函数库、类库 统一为一个版本的方法
2020/08/24 PHP
通过代码实例解析PHP session工作原理
2020/12/11 PHP
js精度溢出解决方案
2012/12/02 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
javascript基于DOM实现省市级联下拉框的方法
2015/05/14 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
jQuery实现两款有动画功能的导航菜单代码
2015/09/16 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成"...")
2016/11/28 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
python opencv实现运动检测
2018/07/10 Python
python 处理string到hex脚本的方法
2018/10/26 Python
检测python爬虫时是否代理ip伪装成功的方法
2019/07/12 Python
详解Django CAS 解决方案
2019/10/30 Python
工程监理应届生求职信
2013/11/09 职场文书
副厂长岗位职责
2014/02/02 职场文书
业务总经理岗位职责
2014/02/03 职场文书
高三学习决心书
2014/03/11 职场文书
项目申报专员岗位职责
2014/07/09 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python
简单介绍Python的第三方库yaml
2021/06/18 Python
详解JS数组方法
2021/11/20 Javascript
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python