Ext Tree 异步加载数据

时间:2021-12-15 18:48:38

这段时间再做一个类似于部门管理的网页,需要用到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,也是不成功的,具体我也不清楚