問題:如何隱藏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