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 相关文章推荐
js 判断一个元素是否在页面中存在
Dec 27 Javascript
JavaScript操作Cookie详解
Feb 28 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
JavaScript检测鼠标移动方向的方法
May 22 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
vue.js的安装方法
May 12 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
JavaScript原型对象原理与应用分析
Dec 27 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
Sep 01 Javascript
Vue-cli项目部署到Nginx服务器的方法
Nov 01 Javascript
如何将JavaScript将数组转为树形结构
Jun 02 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数组应该有多大的分析
2009/07/30 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
PHP输出日历表代码实例
2015/03/27 PHP
一个简单的php路由类
2016/05/29 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
thinkPHP简单调用函数与类库的方法
2017/03/15 PHP
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
jquery右下角弹出提示框示例代码
2013/10/08 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
jquery实现用户打分评分特效
2015/05/28 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
详解JavaScript 作用域
2020/07/14 Javascript
用Python编写web API的教程
2015/04/30 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
python僵尸进程产生的原因
2017/07/21 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
python绘制汉诺塔
2021/03/01 Python
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
财务主管的岗位职责
2013/12/30 职场文书
中专生自我鉴定范文
2014/02/02 职场文书
工作作风建设心得体会
2014/10/22 职场文书
农民工工资支付承诺书
2015/05/04 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技