Js操作树节点自动折叠展开

最新推荐文章于 2022-03-23 15:20:04 发布

原创最新推荐文章于 2022-03-23 15:20:04 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #树

Javascript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了两种实现在点击树节点时自动展开或折叠的方法。方法一针对'edocOutfileRelationTree'组件，通过点击事件使节点选中状态切换。方法二适用于'orgstrutree'组件，实现了点击时节点的展开与折叠，并根据节点类型进行不同处理。

1、方法一

var tree = L5.getCmp('edocOutfileRelationTree');
		//增加选择树，节点自动折叠
		tree.on("click", function(node,e){
		   		node.getUI().toggleCheck(true);
		    });
		tree.root.expand();

2、方法二

var tree = L5.getCmp('orgstrutree');
	//增加选择树，节点自动折叠
	tree.on("click", function(node,e){
		if(node.expanded==false){
		     node.expand();
		}else{
		     node.collapse();
		}
	    });

结合使用：

var tree = L5.getCmp('orgstrutree');
	//增加选择树，节点自动折叠
	tree.on("click", function(node,e){
		var organType = node.record.get("organType");
   		if(organType == "8"){
	   		node.getUI().toggleCheck(true);
   		}else{
			if(node.expanded==false){
				node.expand();
			}else{
				node.collapse();
			}
		}
	    });