第一次用zTree,照着例子做的,不显示,高手帮忙解决下,或帮我写段可行的代码,小弟不胜感激
请求数据的url: var url="../clientserver/Departmentservlet?method=getDepartmentList";
得到的数据如下:
{"page":{"pages":1,"rows":4},"departmentlist":[{"DEPARTMENT_ID":"1","DEPARTMENT_NAME":"开发部","DEPARTMENT_TYPE":"55555","DEPARTMENT_WHERE":"555511","UP_DEPARTMENT_ID":"0"},{"DEPARTMENT_ID":"2","DEPARTMENT_NAME":"行政部","DEPARTMENT_TYPE":"ddd","DEPARTMENT_WHERE":"ddd","UP_DEPARTMENT_ID":"1"},{"DEPARTMENT_ID":"3","DEPARTMENT_NAME":"财务部","DEPARTMENT_TYPE":"财务","DEPARTMENT_WHERE":"成都","UP_DEPARTMENT_ID":"2"},{"DEPARTMENT_ID":"4","DEPARTMENT_NAME":"开发1部","DEPARTMENT_TYPE":"1","DEPARTMENT_WHERE":"1","UP_DEPARTMENT_ID":"3"}]}
////有点长哈!{"page":{"pages":1,"rows":4},是分页用的,在里没有用,不过这个url在其它地方还要用。下面是我仿写的代码:
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/GridPanel.js"></script>
<script type="text/javascript" src="js/jquery.ztree-2.6.js"></script>
<body>
<div>测试</div>
<div id="treeDepart"></div>
</body>
</html>
<script language="javascript">
var zTree1;
var setting = {
isSimpleData : true, //是否采用简单 Array 格式,true表示采用
treeNodeKey : "DEPARTMENT_ID",
treeNodeParentKey : "UP_DEPARTMENT_ID"//如果为true必须声明父子关系
};
////ajax请求数据:
var treeNodes = new Array();
$(function(){
var url="../clientserver/Departmentservlet?method=getDepartmentList";
$.ajax({
url: url,
type:'post',
async: false ,
success: function(data){
var msg = eval('(' + data + ')');
$.each(msg,function(i,item){ ////////i是变量???为什么未定义
treeNodes.push(new Node(item.DEPARTMENT_ID,item.UP_DEPARTMENT_ID,item.DEPARTMENT_NAME));
});
}
});
});
function Node(DEPARTMENT_ID,UP_DEPARTMENT_ID,DEPARTMENT_NAME){
this.DEPARTMENT_ID=DEPARTMENT_ID;
this.UP_DEPARTMENT_ID=UP_DEPARTMENT_ID;
this.DEPARTMENT_NAME=DEPARTMENT_NAME;
}
$(document).ready(function(){
zTree1 = $("#treeDepart").zTree(setting, treeNodes);
}); 刚入门新手,大家多多见谅的,写的一沓糊涂,请教。。
请求数据的url: var url="../clientserver/Departmentservlet?method=getDepartmentList";
得到的数据如下:
{"page":{"pages":1,"rows":4},"departmentlist":[{"DEPARTMENT_ID":"1","DEPARTMENT_NAME":"开发部","DEPARTMENT_TYPE":"55555","DEPARTMENT_WHERE":"555511","UP_DEPARTMENT_ID":"0"},{"DEPARTMENT_ID":"2","DEPARTMENT_NAME":"行政部","DEPARTMENT_TYPE":"ddd","DEPARTMENT_WHERE":"ddd","UP_DEPARTMENT_ID":"1"},{"DEPARTMENT_ID":"3","DEPARTMENT_NAME":"财务部","DEPARTMENT_TYPE":"财务","DEPARTMENT_WHERE":"成都","UP_DEPARTMENT_ID":"2"},{"DEPARTMENT_ID":"4","DEPARTMENT_NAME":"开发1部","DEPARTMENT_TYPE":"1","DEPARTMENT_WHERE":"1","UP_DEPARTMENT_ID":"3"}]}
////有点长哈!{"page":{"pages":1,"rows":4},是分页用的,在里没有用,不过这个url在其它地方还要用。下面是我仿写的代码:
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/GridPanel.js"></script>
<script type="text/javascript" src="js/jquery.ztree-2.6.js"></script>
<body>
<div>测试</div>
<div id="treeDepart"></div>
</body>
</html>
<script language="javascript">
var zTree1;
var setting = {
isSimpleData : true, //是否采用简单 Array 格式,true表示采用
treeNodeKey : "DEPARTMENT_ID",
treeNodeParentKey : "UP_DEPARTMENT_ID"//如果为true必须声明父子关系
};
////ajax请求数据:
var treeNodes = new Array();
$(function(){
var url="../clientserver/Departmentservlet?method=getDepartmentList";
$.ajax({
url: url,
type:'post',
async: false ,
success: function(data){
var msg = eval('(' + data + ')');
$.each(msg,function(i,item){ ////////i是变量???为什么未定义
treeNodes.push(new Node(item.DEPARTMENT_ID,item.UP_DEPARTMENT_ID,item.DEPARTMENT_NAME));
});
}
});
});
function Node(DEPARTMENT_ID,UP_DEPARTMENT_ID,DEPARTMENT_NAME){
this.DEPARTMENT_ID=DEPARTMENT_ID;
this.UP_DEPARTMENT_ID=UP_DEPARTMENT_ID;
this.DEPARTMENT_NAME=DEPARTMENT_NAME;
}
$(document).ready(function(){
zTree1 = $("#treeDepart").zTree(setting, treeNodes);
}); 刚入门新手,大家多多见谅的,写的一沓糊涂,请教。。
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货