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 相关文章推荐
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
动态加载js的方法汇总
Feb 13 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
谈谈因Vue.js引发关于getter和setter的思考
Dec 02 Javascript
JS中的多态实例详解
Oct 15 Javascript
对vue.js中this.$emit的深入理解
Feb 23 Javascript
微信小程序云开发如何使用云函数生成二维码
May 18 Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
js实现随机抽奖
Mar 19 Javascript
JavaScript中使用Spread运算符的八种方法总结
Jun 18 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版
2006/10/09 PHP
php实现mysql数据库备份类
2008/03/20 PHP
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
2017/04/28 jQuery
浅谈关于angularJs中使用$.ajax的注意点
2017/08/12 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
2018/09/04 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
ES6的解构赋值实例详解
2019/05/06 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
[43:24]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS Liquid
2018/03/30 DOTA
[01:12]快闪回顾DOTA2亚洲邀请赛(DAC) 静候2018新征程开启
2018/03/11 DOTA
python在指定目录下查找gif文件的方法
2015/05/04 Python
对Python实现简单的API接口实例讲解
2018/12/10 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
详解python如何引用包package
2020/06/07 Python
联想印度官方网上商店:Lenovo India
2019/08/24 全球购物
Woods官网:加拿大最古老、最受尊敬的户外品牌之一
2020/09/12 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
农民入党思想汇报
2014/01/03 职场文书
大学军训感言
2014/01/10 职场文书
学校七一活动方案
2014/01/19 职场文书
市三好学生主要事迹
2014/01/28 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
小程序实现文字循环滚动动画
2021/06/14 Javascript
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技