ztree__如何隱藏指定節點後面的(重命名和刪除)圖標

問題:如何隱藏ztree插件生成的樹節點後面的rename,remove圖標

解決:

1.在想要隱藏的節點(node)上添加兩個屬性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的setting中設置edit,設置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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章