zTree示例

ZTree下载地址包含示例

http://www.ztree.me/v3/main.php#_zTreeInfo

<div style="width: 300px;height: 300px;border:dashed 1px;">
	<ul id="treeDemo" class="ztree"></ul>
</div>

<script type="text/javascript">
var treeNodes=null;
var spath="${pageContext.request.contextPath}";
var setting = {
		async:{
			enable: true,//异步处理
			type:"post",
			dataType:"text",
			url: spath+"/MethodServlet?method=tree",//异步获取json格式数据的路径
			dataFilter:onLabelFun
		},
		data:{
			view: {
				dblClickExpand: true,
				showLine: false,
				showTitle:true 
			 },
		    simpleData:{
		    	enable: true,
		    	idKey:"fCode",              
		        pIdKey:"fParent",
		        rootPId: ""
		    }
		},              
	    callback: {  
            onClick: function(treeId, treeNode) {  
                var treeObj = $.fn.zTree.getZTreeObj(treeNode);  
                var selectedNode = treeObj.getSelectedNodes()[0];  
                //alert(selectedNode.fCode);  
            }  
        }  
};
$(function(){
	$.fn.zTree.init($("#treeDemo"), setting, treeNodes);
	SelectNode();
});
function SelectNode() {

	var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
	var treenode = treeObj.getNodeByParam("fCode", "1.1.1", null);
	treeObj.expandNode(treenode, true, true, true);
	treeObj.selectNode(treenode);
}

function onLabelFun(treeId, parentNode, responseData){
	 if (responseData) {
		 for(var i =0; i < responseData.length; i++) {
			 responseData[i].name=responseData[i].fCode+"-"+responseData[i].name;
			 if(responseData[i].fCode=="1.1.1"){
				 responseData[i].icon="${pageContext.request.contextPath}/ztreeStyle/img/diy/5.png";
			 }
		 }
	 }
	 return responseData;
}

Servlet代码

doPost代码

JSONArray json=JSONArray.fromObject(getTree());
out.print(json.toString());

public ArrayList<HashMap<String, Object>> getTree(){
		HashMap<String, Object> map=null;
		ArrayList<HashMap<String, Object>> lists=new ArrayList<HashMap<String,Object>>();
		map=new HashMap<String, Object>();
		map.put("fCode", "1");
		map.put("name", "节点1");
		map.put("fParent", "");
		map.put("open", true);
		map.put("page", "grid.jsp");
		lists.add(map);
		
		map=new HashMap<String, Object>();
		map.put("fCode", "1.1");
		map.put("name", "节点1.1");
		map.put("fParent", "1");
		map.put("page", "zTree.jsp");
		lists.add(map);
		
		map=new HashMap<String, Object>();
		map.put("fCode", "1.2");
		map.put("name", "节点1.2");
		map.put("fParent", "1");
		map.put("page", "zTree.jsp");
		lists.add(map);
		
		map=new HashMap<String, Object>();
		map.put("fCode", "1.1.1");
		map.put("name", "节点1.1.1");
		map.put("fParent", "1.1");
		lists.add(map);
		return lists;
	}