zTree引用实例

</pre><pre name="code" class="javascript">
var setting ;
var zNodes =[];
var zTree;
var demoIframe;

$(function() {

	
    var t = $("#tree");
    getData();//获取data数据
    $.fn.zTree.init(t, setting, zNodes);//zTree初始化
    // demoIframe = $("#testIframe");
    //demoIframe.bind("load", loadReady);
    //var zTree = $.fn.zTree.getZTreeObj("tree");
    //zTree.selectNode(zTree.getNodeByParam("id", 101));
});

	setting = {
		view: {
			dblClickExpand: false
		},
		data: {
			simpleData: {
				enable: true
			}
		},
		 
		callback: {
			//beforeClick: beforeClick,
			onClick: onClick
		}
	};
	function getData(){
		var url = server_url + "birthday/getDeptAll";
		$.ajax({
			async:false,
			cache:false,
			url: url,
			type: 'post',
			dataType: 'json',
			//data: {"deptid":loginUser.deptid},  
			
			success: function(data) {
				//alert(data[0].pid);
				for(var p in data){
					var stu = {id:data[p].id,pId:data[p].pid,name:data[p].name};
					zNodes.push(stu);
					$('#tree').attr("value",data[p].name);
				}

			},
			Error: function(error) {
				$.messager.alert('提示', '操作失败,请稍后再试', 'info');
			}
		});
	}
				

function onClick(e, treeId, treeNode) {
	
	var zTree = $.fn.zTree.getZTreeObj("tree"),
	nodes = zTree.getSelectedNodes(),
	v = "";
	nodes.sort(function compare(a,b){return a.id-b.id;});
	for (var i=0, l=nodes.length; i<l; i++) {
		v += nodes[i].name + ",";
		
		//getData(nodes[i].id);单击事件绑定
	}
	
	if (v.length > 0 ) v = v.substring(0, v.length-1);
	var cityObj = $("#tree");
	cityObj.attr("value", v);
}