zTree异步展开父节点并选中指定子节点

最新推荐文章于 2019-06-10 19:37:47 发布

原创

最新推荐文章于 2019-06-10 19:37:47 发布 · 1.5w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Components

本文介绍如何使用zTree控件进行异步展开父节点，并详细说明了在OnAsyncSuccess事件中如何调用loadAllParents方法来加载所有父节点，以实现根据特定需求选中指定子节点的功能。

zTree树形控件异步展开节点，稍后添加代码注释。

当需要根据不同情况勾选不同节点时，可以直接调用

expRec.init(tree,"123456")//123456代表不同的参数

在zTree的OnAsyncSuccess方法，调用loadAllParents以加载所有父节点

onAsyncSuccess : function(event,treeId,treeNode,msg){
	expRec.loadAllParents(treeNode);
}

下面是expRec的具体实现：

// JavaScript Document
var expRec = {
	url:"",//服务端URL,返回树形数据Json
	tree:null,//树实例
	allRecIds:[],//所有需要选中的节点Id
	allParentIds:[],//所有需要选中的节点的父节点，直至树根
	loadedParentIds:[],//已经异步加载过子节点的父节点Id
	isParentLoaded:function(id){//检测该节点是否已经加载过子节点
		for(var i=0;i<this.loadedParentIds.length;i++){
			if(this.loadedParentIds[i] == id){
				return true;
				break;
			}
		}
		return false;
	},
	addParentIds:function (pid){//得到所有父节点Id，不重复
		var pids = pid.split(",");
		for(var j=0;j<pids.length;j++){
			if(pids[j].length == 0) continue;
			if(this.allParentIds.length == 0){