博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ztree异步加载自动展开节点
阅读量:6097 次
发布时间:2019-06-20

本文共 1035 字,大约阅读时间需要 3 分钟。

  hot3.png

在Ztree的官网Demo中,有自动展开的例子,是通过设置节点属性open:true来实现自动展开的,但是在异步加载中,这个属性设置为true也不会自动展开,因为open:true是指在有子节点的情况下展开,在异步加载之前,当前节点是没有子节点的,所以无法打开。

异步加载自动展开解决方法如下:
1.设置ztree的加载完成的回调函数:
setting = { 
    ......             
    callback: {
        ......
        onAsyncSuccess: zTreeOnAsyncSuccess 
    } 
};

onAsyncSuccess是指加载完成后要调用的方法,其他节点的设置请参考ztree的官网Demo.

2.编写方法zTreeOnAsyncSuccess

var firstAsyncSuccessFlag = 0;

function zTreeOnAsyncSuccess(event, treeId, msg) { 
if (firstAsyncSuccessFlag == 0) { 
          try { 
                 //调用默认展开第一个结点 
                 var selectedNode = zTree.getSelectedNodes(); 
                 var nodes = zTree.getNodes(); 
                 zTree.expandNode(nodes[0], true); 
             
                 var childNodes = zTree.transformToArray(nodes[0]); 
                 zTree.expandNode(childNodes[1], true); 
                 zTree.selectNode(childNodes[1]); 
                 var childNodes1 = zTree.transformToArray(childNodes[1]); 
                 zTree.checkNode(childNodes1[1], true, true); 
                 firstAsyncSuccessFlag = 1; 
           } catch (err) { 
             
           } 
             
     } 
}

此方法可以自动加载第一级节点,try{} catch()是为了捕获节点不存在时的异常,这样可以使其不跑出js错误信息。

firstAsyncSuccessFlag变量的作用是使tree只在页面初始化后自动展开一次,因为手动点击加号展开子节点的时候也会调用此方法,通过此变量来标识是否自动加载。

转载于:https://my.oschina.net/junn/blog/109415

你可能感兴趣的文章
Qt Style Sheet实践(四):行文本编辑框QLineEdit及自动补全
查看>>
[物理学与PDEs]第3章习题1 只有一个非零分量的磁场
查看>>
深入浅出NodeJS——数据通信,NET模块运行机制
查看>>
onInterceptTouchEvent和onTouchEvent调用时序
查看>>
android防止内存溢出浅析
查看>>
4.3.3版本之引擎bug
查看>>
SQL Server表分区详解
查看>>
使用FMDB最新v2.3版本教程
查看>>
SSIS从理论到实战,再到应用(3)----SSIS包的变量,约束,常用容器
查看>>
STM32启动过程--启动文件--分析
查看>>
垂死挣扎还是涅槃重生 -- Delphi XE5 公布会归来感想
查看>>
淘宝的几个架构图
查看>>
Android扩展 - 拍照篇(Camera)
查看>>
JAVA数组的定义及用法
查看>>
充分利用HTML标签元素 – 简单的xtyle前端框架
查看>>
设计模式(十一):FACADE外观模式 -- 结构型模式
查看>>
iOS xcodebuile 自动编译打包ipa
查看>>
程序员眼中的 SQL Server-执行计划教会我如何创建索引?
查看>>
【BZOJ】1624: [Usaco2008 Open] Clear And Present Danger 寻宝之路(floyd)
查看>>
cmake总结
查看>>