在书上找了一个EXTJS4动态树分级加载的实例
index.jsp
- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
动态树系统
Ext.onReady(function(){
Ext.regModel("OrgInfo",{
fields:['orgId','name','count']
});
var myStore = new Ext.data.TreeStore({
model :'OrgInfo',
nodeParam : 'orgId',
proxy: {
type: 'ajax',
url: 'treeServer.jsp',
reader: 'json'<br>
},
autoLoad:true,
root: {
name:'根结点',
id: '-1'
}
});</li>
</ul>
<p>Ext.create('Ext.tree.Panel',{<br>
title: '分级异步加载树节点示例',<br>
renderTo: Ext.getBody(),<br>
width :250,<br>
height :150,<br>
columns: [{<br>
xtype:'treecolumn',<br>
text:'公司名称',<br>
dataIndex:'name',<br>
width: 150,<br>
sortable:true<br>
},{<br>
text:'员工人数',<br>
dataIndex:'count',<br>
flex: 1,<br>
sortable: true<br>
}],<br>
store : myStore,<br>
rootVisible: false<br>
});</p>
<p>});<br>
这是前端的页面,可以正常显示
然后是服务端的代码,也是一个JSP
treeServer.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
response.setContentType("utf-8");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String orgId = request.getParameter("orgId");
String result="";
if("-1".equals(orgId)){
result ="[{name:'总公司',count:100,id:100}]";
}else if ("100".equals(orgId)){
result = "[{name:'分公司一',count:20,id:110,leaf:true},{name:'分公司二',count:80,id:120}]";
}else if("120".equals(orgId)){
result = "[{name:'部门一',count:30,id:121,leaf:true},{name:'部门二',count:50,id:122,leaf:true}]";
}
response.getWriter().write(result);
%>
运行结果只有前端的一个框架,没有树和节点,在FIRFOX上查看审查后提示[{name:'总公司',count:100,id:100}]语法错误,可是实在不知道哪错了,请大家给看盾,我是新手,可以说都不怎么懂,还请说得明白一点,