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 相关文章推荐
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 Javascript
Date对象格式化函数代码
Jul 17 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
javascript获取wx.config内部字段解决微信分享
Mar 09 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
Vue中错误图片的处理的实现代码
Nov 07 Javascript
JS三级联动代码格式实例详解
Dec 30 Javascript
Javascript webpack动态import
Apr 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
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
基于递归实现的php树形菜单代码
2014/11/19 PHP
php将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
js中的this关键字详解
2013/09/25 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
2013/11/14 Javascript
js控制input框只读实现示例
2014/01/20 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
2017/08/04 jQuery
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
2018/07/25 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
pytorch 实现在预训练模型的 input上增减通道
2020/01/06 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
python eventlet绿化和patch原理
2020/11/21 Python
用Python 执行cmd命令
2020/12/18 Python
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
工作中的自我评价如何写好
2013/10/28 职场文书
办公室文秘岗位职责
2013/11/15 职场文书
2013年员工自我评价范文
2013/12/27 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
财务管理专业求职信
2014/06/11 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书
个人工作违纪检讨书
2015/05/05 职场文书
导游词之山东八大关
2019/12/18 职场文书
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android
 python中的元类metaclass详情
2022/05/30 Python