Jquery.zTree动态加载数据

1.引用包

<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>

2.HTML

<input id="citySel"  value="" onkeyup="AutoMatch(this)" placeholder="搜索模板" class="form-control">

<ul id="yyTree" class="ztree mobTree"></ul>

3.ajax获取数据

  var zTreeNodes;

var setting = {
		view: {
			selectedMulti: true  //支持多选
		},
		data: {
			simpleData: {
				enable: true  //简单数据格式
			}
		},
		callback: {
			beforeClick: getCurrentNode,
         	        onClick: zTreeOnClick
		}
};

$.ajax({
	type:"POST",
        url:urlData+'nm_imagereport/sxTempList',
	dataType:'json',
	cache:false,
	success:function(data){
		console.log(data);
		var zn=data.zTreeNodes;//数据赋值
		zTreeNodes=eval(zn);
		$.fn.zTree.init($("#yyTree"), setting, zTreeNodes);

                //默认展开层
		var treeObj = $.fn.zTree.getZTreeObj("yyTree");  //得到该tree
                var node = treeObj.getNodeByTId("yyTree");  //选中第一个节点
                treeObj.expandNode(node, true, false, true);  //打开节点 ，第一个参数表示哪个节点，第二个参数表示展开还是关闭，第三个参数表示 是否打开全部子孙节点
		}
	});

json数据格式：

4.jQuery ztree 给每个节点绑定事件

function getCurrentNode(treeId, treeNode) {
	var parentNodes=treeNode.getPath();
	if(parentNodes.length==5){
		return true;
	}else{
		return false;
	}
}

5.单击时获取zTree节点的Id,和value的值

function zTreeOnClick(event, treeId, treeNode) {
    var id = treeNode.id;
    $.ajax({
     	type:"POST",
      	url:urlData+'nm_imagereport/findByTreeId',
       	data:{TREEID:id},
       	dataType:'json',
       	cache:false,
       	success:function(data){
       		var pd=data.pd;
       		console.log(data);
       		if(pd!=null && pd!=''){
       			if($("input[name='moshi']:checked").attr("value")=="替换"){
       				$("#CHECK_METHOD").html(pd.DIAGNOSISMEHOD);
       				$("#IMAGE_EVIDENCES").html(pd.HREPORTEVIDENCES);
       				$("#IMAGE_DIAGNOSIS").html(pd.HREPORTCONCLUSION);
       			}else{
       				$("#CHECK_METHOD").append(pd.DIAGNOSISMEHOD);
       				$("#IMAGE_EVIDENCES").append(pd.HREPORTEVIDENCES);
       				$("#IMAGE_DIAGNOSIS").append(pd.HREPORTCONCLUSION);
       			}
       		}
       	}
    });
}