ztree操作树节点样式

问题描述:最近有个需求是做一个文件分配的功能。个人想法是根据分配的结果控制Ztree的节点能不能点击来实现。

 

思路:获得到树节点元素(id或者其他的)

解决:ztree操作树节点样式_第1张图片

 关键点:ztree节点 treeNode的 tId属性。参考了ztree 官方api  view:配置中的  addDiyDom 。tId 拼接一个"_a" 就得到树节点的Id了。然后JQ操作样式即可。 $("#xx").css('disabled',true);

ztree操作树节点样式_第2张图片

附:遍历ztree 节点,先初始化一波

 var treeObj = $.fn.zTree.getZTreeObj("ztrees");  //这个对应着ztree初始化时候的元素Id 
                  var childNodes = treeObj.transformToArray(treeObj.getNodes());
                  console.log(childNodes);
                  for ( var j = 0; j < childNodes.length; j++) {
                  		if(childNodes[j].canClick=="no"){//这里的canClick是自定义的ztree属性
                  		  	var aObj = $("#" + childNodes[j].tId + "_a");//树节点
                  			 aObj.addClass('a_disabled');
                  		}
			  	  }

 

你可能感兴趣的:(Ztree插件)