Ext Tree 异步加载数据

来源：互联网发布：csgo淘宝钥匙编辑：程序博客网时间：2024/05/21 17:01

这段时间再做一个类似于部门管理的网页，需要用到ExtTree，而且是异步加载，网上搜索了很多很多资料，都无法实现，或者说不适合struts2 框架，后来找以前公司的系统代码，才发现这种方法适合。（口才不好，不是很会组织语音），不多说，贴代码，一看便知。

JS代码（用于树的创建）

  var root=new Ext.tree.AsyncTreeNode({           id:'1',           text:"控制面板"      }); var departmentTree = new Ext.tree.TreePanel({title : '部门名称管理维护',//renderTo: 'department',region : 'center',    loader:new Ext.tree.TreeLoader({              dataUrl: "department_findChildrenById.action" //异步加载数据的url         }) });  departmentTree.setRootNode(root);  departmentTree.expand();

然后是java后台代码

public String findChildrenById() throws IOException{content = "[{id:1,text:'one',leaf:true},{id:2,text:'two',leaf:true}]";return "treeJson";}

这里content是action类中定义的，需要有getset方法，这里也只是写死了一串符合tree解析的String，接下来是重点，返回的是treeJson，那么看看下面的struts.xml中的定义

<action name="department_*" class="departmentAction" method="{1}"><result name="treeJson">/rightmanagerment/treeJson.jsp</result></action>

而这个treeJson.jsp只有两行：

<%@ taglib prefix="s" uri="/struts-tags" %>
<s:property value="content" escape="false"/>

经过这种方法，可以返回数据，并且能异步加载。

（PS：之前测试过很多方法，比如

content = "[{id:1,text:'one',leaf:true},{id:2,text:'two',leaf:true}]";
response.getWriter().print(content);

写进response这种方法不适用，可能是我struts.xml里配置的是 <result type="json" /> ，具体我也不清楚

再比如

JSONArray jsonObject = JSONArray.fromObject(list);
children = jsonObject.toString();

Json格式转换list，也是不成功的，具体我也不清楚

）

0 0