<%@ 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}]语法错误,可是实在不知道哪错了,请大家给看盾,我是新手,可以说都不怎么懂,还请说得明白一点,