ztree__如何隐藏指定节点后面的(重命名和删除)图标

问题:如何隐藏zTree的插件生成的树节点后面的重命名,删除图标

解决:

1.在想要隐藏的节点(节点)上添加两个属性noRemoveBtn,noEditBtn;值为true;(举例:只隐藏父节点后面图标)

function addBtnProperty(nodes){
	$.each(nodes,function(i,node){
               if(node.pid == 0){
		      node.noRemoveBtn=true;
		      node.noEditBtn=true;
                }
	})
	return nodes;
}

2.在zTree的的设置中设置编辑,设置showRenameBtn和showRemoveBtn的值为两个函数

 
var setting = {
		
     edit: {
	enable: true,
	showRenameBtn:showRenameBtn,
	showRemoveBtn:showRemoveBtn,
	drag: {
	    isCopy: false,
	    isMove: true
	      }
      }
};

 

3.添加showRenameBtn()和showRemoveBtn()方法

 

//是否显示编辑按钮
function  showRenameBtn(treeId, treeNode){
	//获取节点所配置的noEditBtn属性值
	if(treeNode.noEditBtn != undefined && treeNode.noEditBtn){
		return false;
	}else{
		return true;
	}
}
//是否显示删除按钮
function showRemoveBtn(treeId, treeNode){
	//获取节点所配置的noRemoveBtn属性值
	if(treeNode.noRemoveBtn != undefined && treeNode.noRemoveBtn){
		return false;
	}else{
		return true;
	}
}

OK,解决

参考:HTTPS://blog.csdn.net/ljj2312/article/details/37658743

 

你可能感兴趣的:(javaScript)