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固定底网站底部菜单效果
Aug 13 Javascript
子页向父页传值示例
Nov 27 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
js对象的复制继承实例
Jan 10 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
最新最热最实用的15个jQuery插件汇总
Jul 05 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
jQuery判断浏览器并动态调整select宽度的方法
Mar 02 Javascript
AngularJs Injecting Services Into Controllers详解
Sep 02 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
Vue实现图片与文字混输效果
Dec 04 Javascript
js实现简单的随机点名器
Sep 17 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中逗号与点号的区别
2013/08/05 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
PHP解耦的三重境界(浅谈服务容器)
2017/03/13 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
php实现微信支付之退款功能
2018/05/30 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
Javascript 作用域使用说明
2009/08/13 Javascript
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
caller和callee的区别介绍及演示结果
2013/03/10 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
浅谈vue中$bus的使用和涉及到的问题
2020/07/28 Javascript
Python搜索引擎实现原理和方法
2017/11/27 Python
Python实现获取汉字偏旁部首的方法示例【测试可用】
2018/12/18 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
python3的pip路径在哪
2020/06/23 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
美国休闲服装品牌:J.Crew Factory
2017/03/04 全球购物
试解释COMMIT操作和ROLLBACK操作的语义
2014/07/25 面试题
Linux的文件类型
2016/07/05 面试题
信息技术专业个人自我评价
2013/12/11 职场文书
部队领导证婚词
2014/01/12 职场文书
招聘专员岗位职责
2014/03/07 职场文书
公司借条范本
2015/05/25 职场文书
选调生挂职锻炼工作总结
2015/10/23 职场文书
周末问候语大全
2015/11/10 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
健身房被搭讪?用python写了个小米计时器助人为乐
2021/06/08 Python
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技