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中ajax学习笔记4
Oct 16 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
JS运动基础框架实例分析
Mar 03 Javascript
Three.js学习之几何形状
Aug 01 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
JavaScript提升机制Hoisting详解
Oct 23 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
对vuex中store和$store的区别说明
Jul 24 Javascript
vue实现验证用户名是否可用
Jan 20 Vue.js
纯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 替换模板变量实现步骤
2009/08/24 PHP
PHP开发中常用的字符串操作函数
2011/02/08 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
jquery使用$(element).is()来判断获取的tagName
2014/08/24 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
jQuery在线选座位插件seat-charts特效代码分享
2015/08/27 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
2018/04/22 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
python中json格式数据输出的简单实现方法
2016/10/31 Python
python实现杨氏矩阵查找
2019/03/02 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
Django操作session 的方法
2020/03/09 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
python在一个范围内取随机数的简单实例
2020/08/16 Python
携程旅行网:中国领先的在线旅行服务公司
2017/02/17 全球购物
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
高校教师自荐信范文
2014/03/13 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书
Android学习之BottomSheetDialog组件的使用
2022/06/21 Java/Android