1. 程式人生 > >ztree setting引數配置

ztree setting引數配置

一個 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過程中,遇到了其他問題,歡迎一起討論哦!