extjs treepanel动态改变树节点的图标

最新推荐文章于 2021-02-06 16:04:19 发布

最新推荐文章于 2021-02-06 16:04:19 发布 · 508 阅读

ExtJS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个简单的树状菜单中节点展开与收起的功能实现方式，通过修改节点图标来直观展示节点的状态变化。当节点被展开时，其图标会更改为打开状态的文件夹图标，并且其所有子节点的图标也会被统一更改为默认的文件夹图标。

expandnode : function(node){
	if(node.childNodes.length>0){//展开节点时，更改父节点图标样式
		node.getUI().getIconEl().src="folder-open.gif";
	}
        //更改当前节点下的所有子节点的图标
	for (var i = 0, len = node.childNodes.length; i < len; i++) {
	        var curChild = node.childNodes[i];
		curChild.getUI().getIconEl().src ="folder.gif";
	}
},
collapsenode : function(node){//收起节点时，更改父节点的图标样式
       if(node.childNodes.length>0){
           node.getUI().getIconEl().src="folder.gif";
       }
}