ztree setting引數配置
阿新 • • 發佈:2018-11-21
一個 setting 引數被多棵樹使用
若setting引數中某個回撥函式用的不是同一個回撥函式,可以通過回撥函式傳入的treeId引數進行判斷,決定哪棵樹載入哪種回撥函式;
舉個栗子:這是setting配置被兩個樹引用,這個兩個棵樹的配置除了showRemoveBtn: setRemoveComment,這個配置上略有不同,其他是一樣的,所以此時可以通過setRemoveComment()回撥函式的treeId來判斷哪棵樹需要哪種方法,
setting_logicComm = { data: { keep: { leaf: true, parent: true }, simpleData: { enable: true } }, view: { showLine: false, selectedMulti: false, removeHoverDom: removeIcon, //滑鼠移除,隱藏自定義控制元件 addHoverDom: addkeyComm, //自定義新增按鈕 }, edit: { enable: true, drag: { isCopy: false, isMove: false }, renameTitle: "編輯表示式", removeTitle: "刪除表示式", showRenameBtn: setkeyComm, //是否顯示編輯按鈕 showRemoveBtn: setRemoveComment, //是否顯示刪除按鈕(滑鼠移入觸發) }, callback: { //事件觸發後回撥 beforeEditName:EditkeyComm, //編輯名字之前(滑鼠點選編輯按鈕之後)的回撥函式 beforeRemove: logickeyComm, //刪除按鈕之前(滑鼠點選刪除按鈕之後)的回撥函式 }, }; //是否顯示刪除按鈕 function setRemoveComment(treeId, treeNode) { if(treeNode.isParent){ switch(treeId){ case "count_tree": // ztree樹的id ,判斷是不是id為 count_tree的樹 if(andOrHideCount == "2"){ //andOrHideCount 該引數是我用來判斷在我的程式碼裡是否顯示刪除按鈕的標準; return false; } break; case "keyWord_tree": if(andOrHidekeyWord == "2"){//同上 return false; } break; case "logic_tree": if(andOrHidelogic == "2"){//同上 return false; } break; default: return true; break; } return true; }else{ return true; } }
若小夥伴們,在學習ztree過程中,遇到了其他問題,歡迎一起討論哦!