z-tree相关设置

z-tree官方文档:

http://www.treejs.cn/v3/api.php

1. ztree获取当前选中节点及所有父节点

获得当前选中节点路径,如部门库〉新闻部〉文字稿:

树如下图:

z-tree相关设置_第1张图片

 

 

 

var curLocation="";//当前位置
 
var treeObj = $.fn.zTree.getZTreeObj("rs_tree");
	var nodes = treeObj.getSelectedNodes();
	if(nodes.length>0){
		var allNode = nodes[0]['text'];//获取当前选中节点
		var node = nodes[0].getParentNode();
		getParentNodes(node,allNode);
	}
	var location = "";
	var nodeArrs = curLocation.split(">");
	for(var i=nodeArrs.length-1;i>=0;i--){
		location += nodeArrs[i]+">";
	}
	location = location.substring(0, location.lastIndexOf(">"));
alert(location);

 

function getParentNodes(node,allNode){
	if(node!=null){
		allNode += ">"+node['text'];
		curNode = node.getParentNode();
		getParentNodes(curNode,allNode);
	}else{
		//根节点
		curLocation = allNode;
	}
}

 

结果:

 

2.  ztree根据已经选中的子节点展开其所有的父节点

 今天使用ztree时候,发现单独给已经选中的叶子节点设置 open=true,其上级的父节点并不会展开,如图,有三个选中的叶子节点,但是大概因为父节点没有设置 open=true,所以没有展开。

z-tree相关设置_第2张图片

 

 解决方式:

var dataTree = $.fn.zTree.init($("#dataTree"), setting, zTreeNodes);            
//展开所有选中的子节点
var nodes = dataTree.getCheckedNodes(true);
for(var i=0; i 
 

最后结果如下:

z-tree相关设置_第3张图片

 

你可能感兴趣的:(z-tree相关设置)