zTree

最近项目有需求，要用zTree加载大量数据 and 加上页面还有其他需求，记录一下

 

Ztree异步加载，首先父节点分页展示，子节点也分页展示。

一旦勾选父节点，异步查询子节点，并且展开父节点，子节点同时被勾选

 

在onCheck方法里，调用reAsyncChildNodes，然后想遍历勾选子节点，发现不可以，还没加载完，于是加上延时，延时里既勾选子节点又展开父节点

代码如下

               function onCheck(event, treeId, treeNode) {

                    if (treeNode.page== 0){

                       treeNode.page = 1;

                       zTreeObj.reAsyncChildNodes(treeNode,"refresh", true);

                       debugger;

                       setTimeout(function(){

                                 for(var i = 0; i <treeNode.children.length; i++){

                                     zTreeObj.checkNode(treeNode.children[i],true, true);

                                 }

                                 zTreeObj.expandNode(treeNode,true, true, true);

                            }, 50);

                    }

               };

 

不过发现个问题，zTreeObj.expandNode(treeNode, tree, tree, tree)方法的第五个参数，如下：

allbackFlag Boolean

callbackFlag = true 表示执行此方法时触发 beforeExpand / onExpand 或 beforeCollapse / onCollapse 事件回调函数

callbackFlag = false 表示执行此方法时不触发事件回调函数

省略此参数，等同于 false

 

省略该参数时，可以展开父节点，且isParent方法返回true，加上改参数时，不能展开父节点，且isParent方法返回false

 

未完待续……