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中调用WebService方法小结
Mar 28 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
详解React 16 中的异常处理
Jul 28 Javascript
小程序实现悬浮搜索框
Jul 12 Javascript
axios实现简单文件上传功能
Sep 25 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
WEEX环境搭建与入门详解
Oct 16 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
咖啡与水的关系
2021/03/03 冲泡冲煮
php empty() 检查一个变量是否为空
2011/11/10 PHP
php无限极分类实现的两种解决方法
2013/04/28 PHP
php简单统计在线人数的方法
2016/05/10 PHP
Thinkphp自定义代码生成工具及用法说明(附下载地址)
2016/05/27 PHP
PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法
2019/04/16 PHP
jquery isEmptyObject判断是否为空对象的函数
2011/02/14 Javascript
javascript限制文本框输入值类型的方法
2015/05/07 Javascript
js实现类似MSN提示的页面效果代码分享
2015/08/24 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
动态的9*9乘法表效果的实现代码
2016/05/16 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
懒加载实现的分页&&网站footer自适应
2016/12/21 Javascript
详谈js模块化规范
2017/07/07 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
2017/11/23 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
Python中的闭包详细介绍和实例
2014/11/21 Python
Python 判断是否为质数或素数的实例
2017/10/30 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
激光脱毛、蓝光和护肤:Tria Beauty
2019/03/28 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
课程设计心得体会
2013/12/28 职场文书
竟聘演讲稿范文
2013/12/31 职场文书
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
2015年科协工作总结
2015/05/19 职场文书
文明上网主题班会
2015/08/14 职场文书
python中pandas对多列进行分组统计的实现
2021/06/18 Python