一.配置樹參數(shù)

//1.獲取setting值
function getSetting(){
		var setting = {
			view: {
dblClickExpand: true,
				selectedMulti : true,//可以多選
				showLine: true
			},
			check: {
enable: true ,//顯示復選框
chkStyle : "checkbox"
			},
			data: {
				key: {
title:"t"
				},
				simpleData: {
					enable: true,
					idKey: "id",
					pIdKey: "pId",
					rootPId: null
					}
				},
				callback: {
					onCheck: onCheck
				}
		  	};
		return setting;
}

二.初始化樹(創(chuàng)建樹)

//2.創(chuàng)建樹
	function createTree(treeId,dL,dLSize){
		//獲取樹參數(shù)默認值
		var setting=getSetting();
		var zNodes=new Array();
		//設(shè)置根節(jié)點數(shù)據(jù)
		zNodes[0]={ id:'##',
pId:"-1", name:'物資類別', t:'物資類別',open:true};
		for(var i=0;i<dLSize;i++){//設(shè)置子節(jié)點數(shù)據(jù)
			zNodes[i+1]={
id:dL[i].classCode,
pId:dL[i].parentCode,
name:dL[i].className+"("+dL[i].classCode+")",
classId:dL[i].classId,
t:dL[i].className};
		}
		//1)創(chuàng)建zTree樹
		$.fn.zTree.init($(treeId), setting, zNodes);
		//2)初始化已經(jīng)被選中的物資類別
		checkMaterial();
	}

三.選中一開始被選中的(初始化一開始就選了的內(nèi)容)

//3.初始化被選中的物資類別
	function checkMaterial(){
		var classCodes = $("#classCodes").val();//物資編碼
		var datalist = classCodes.split("，");//將物資編碼打散成數(shù)組
		//獲取所有樹節(jié)點
		var treeObj = $.fn.zTree.getZTreeObj("materialTree");
		if(datalist!='' &&datalist.length>0){
			var nodes=treeObj.getNodes();//獲取所有子節(jié)點
			for(var i=0;i<datalist.length;i++){
				//通過id查找節(jié)點
				var node =
treeObj.getNodeByParam("classId",datalist[i],null);
				//選中該節(jié)點
				if(node!=null){//先判斷節(jié)點是否為空
					//選中該節(jié)點
					treeObj.checkNode(node,true,true);
//獲取該節(jié)點父節(jié)點
					var parent = node.getParentNode();
if(!parent.open){//如果父節(jié)點沒有展開則展開父節(jié)點
	treeObj.expandNode(parent,true,true);
}
				}
			}
		}
	}

四.樹的回調(diào)事件(保存選擇的復選框內(nèi)容)

//4.樹的點擊事件回調(diào)函數(shù)
function onCheck(event, treeId, treeNode){
	var classCodes = $("#classCodes").val();//物資編碼
	var classNames = $("#classNames").val();//物資名字
	//alert("onCheck");
	//獲取所有樹節(jié)點
	var treeObj = $.fn.zTree.getZTreeObj("materialTree");
	if(treeNode.checked){//如果是選中節(jié)點
		if(treeNode.isParent){//如果選中的是父節(jié)點(有子節(jié)點的節(jié)點)
			//獲取選中的父節(jié)點的所有子節(jié)點
			var childrenNodes = treeNode.children;
			for (var i = 0; i < childrenNodes.length; i++) {
				classCodes+="，"+childrenNodes[i].classId;
				classNames+="，"+childrenNodes[i].name;
}
		}else{//如果是子節(jié)點(無子節(jié)點的節(jié)點)
			classCodes += "，"+treeNode.classId;
			classNames += "，"+treeNode.name;
		}
	}else{//如果是取消選中
		if(treeNode.isParent){//如果取消的是父節(jié)點(有子節(jié)點的節(jié)點)
			//獲取消的父節(jié)點的所有子節(jié)點
			var childrenNodes = treeNode.children;
			for (var i = 0; i < childrenNodes.length; i++) {
				var classCode="，"+childrenNodes[i].classId;
				var className="，"+childrenNodes[i].name;
				//刪除取消的節(jié)點對應的數(shù)據(jù)
				classCodes=classCodes.replace(classCode, "");
				classNames=classNames.replace(className, "");
}
		}else{//如果是子節(jié)點(無子節(jié)點的節(jié)點)
			classCode = "，"+treeNode.classId;
			className = "，"+treeNode.name;
			//刪除取消的節(jié)點對應的數(shù)據(jù)
			classCodes=classCodes.replace(classCode, "");
			classNames=classNames.replace(className, "");
		}
	}
	//保存選中的值(物資類別編碼、物資類別名字)
	$("#classCodes").val(classCodes);
	$("#classNames").val(classNames);
}

五.保存所選內(nèi)容

//5.保存所選物資類別
	function saveMaterial(inputName){
		//獲取父頁要修改input元素
		var $input=parent.$("input[name="+inputName+"]");
		//獲取選中的物資類別名稱
		var className=$("#classNames").val();
		var classCode=$("#classCodes").val();
		//截取掉多余的“，”
		var classNames=className.substring(1,className.length+1);
		//截取掉多余的“，”
		var classCodes=classCode.substring(1,classCode.length+1);
//修改所選的物資類別名字
$input.val(classNames);
//修改所選的物資類別編碼
$input.attr("classCodes",classCodes);
$input.next().val(classCodes);
//關(guān)閉彈窗
parent.layer.closeAll();
	}

六.關(guān)閉彈窗

//6.關(guān)閉彈窗
	function closeMaterial(){
		parent.layer.closeAll();
	}