1 前端页面
%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
左侧树形导航栏
<script type="text/java script" src="./js/jquery-1.7.2.min.js">
<script type="text/java script" src="./js/jquery.ztree.core-3.5.js">
<SCRIPT type="text/java script">
var setting = {
treeNodeKey : "id", //在isSimpleData格式下,当前节点id属性
treeNodeParentKey : "pId", //在isSimpleData格式下,当前节点的父节点id属性
showLine : true, //是否显示节点间的连线
checkable : true //每个节点上是否显示 CheckBox
};
var zNodes;
$(function(){
$.ajax({
async:false,
cache:false,
type:'POST',
//dataType:"String",
url:'${pageContext.request.contextPath}/TestZTree',
success:function(data){
zNodes = data;
},error:function(){
alert("请求失败");
}
});
});
/*
var zNodes =[
{ id:1, pId:0, name:"父节点1", open:true},
{ id:2, pId:0, name:"父节点2", open:true},
{ id:3, pId:0, name:"父节点3", open:true}
];
*/
$(document).ready(function(){
treeNodes = eva l("(" + zNodes + ")"); //将string类型转换成json
$.fn.zTree.init($("#tree"), setting, treeNodes);
});