easyui+struts2 实现tree的问题及解决办法

 一、基于struts2-json插件方式：   

最近在开发一个项目，前台用easyui的tree来显示组织机机构，开始用struts2-json结构，前台代码如下：

$('#organizeTree').tree({
lines: true,
url: '/framework/organizeAdminHandler.html?action=treedata',
animate: true,
onLoadSuccess: function (node, data) {
$('body').data('depData', data);
}, onClick: function (node) {
var selectedId = node.id;
$('#userlist').datagrid('load', { organizeId: selectedId });
}
});

后台的struts.xml配置如下：
<action name="organizeAdminHandler" class="PiorganizeAction" method="organizeAdminHandler">
<result type="json">
<param name="root">result</param>
</result>
</action>

 
action的代码如下：

public String organizeAdminHandler(){
if("treedata".equals(action)){
treedata();
}
return SUCCESS;
}
private void treedata(){
List<Piorganize> piorganizeList = piorganizeDao.getPiorgnizeByUser(getPiuser());
String treeJson =genTreeData(piorganizeList, 0);
treeJson = "[" +treeJson +"]";
setResult(treeJson);
}

根据调试，在前台获取的data是一个字符串类型的数据，如下所示，

 

 结果前台tree显示都是undefined.

显示把action返回的数据作为tree的url这种方式有问题，把前台改成如下代码:

$.getJSON("getSiteTreeAction.action", function(json) {
var strjson = eval(json);
$('#organizeTree').tree({
lines: true,
data:strjson
animate: true,
onLoadSuccess: function (node, data) {
$('body').data('depData', data);
}, onClick: function (node) {
var selectedId = node.id;
$('#userlist').datagrid('load', {organizeId: selectedId});
}
});
};

 一切正常

但这种先把数据获取之后，生成前台json对象再对tree赋值的方式有点多此一举。但也想不到好的方法，只能采用下面的方式。

2.采用response直接write的方式。

前台代码如下：

$('#organizeTree').tree({
lines: true,
url: '/framework/organizeAdminHandler.html?action=treedata',
animate: true,
onLoadSuccess: function (node, data) {
$('body').data('depData', data);
}, onClick: function (node) {
var selectedId = node.id;
$('#userlist').datagrid('load', { organizeId: selectedId });
}
});

 struts.xml的配置如下：

<action name="organizeAdminHandler" class="PiorganizeAction" method="organizeAdminHandler">

</action>

没有任何result.

action代码如下：

public void organizeAdminHandler(){
if("treedata".equals(action)){
treedata();
}
}
private void treedata(){
List<Piorganize> piorganizeList = piorganizeDao.getPiorgnizeByUser(getPiuser());
String treeJson =genTreeData(piorganizeList, 0);
treeJson = "[" +treeJson +"]";
writeReponse(treeJson);
}

public void writeReponse(String content) {
try {
HttpServletResponse resp = ServletActionContext.getResponse();
resp.setContentType("application/json;charset=UTF-8");
PrintWriter out = resp.getWriter();
out.write(content);
out.flush();
out.close();
} catch (IOException exc) {
exc.printStackTrace();
}
}

 通过调试，前台data是一个object，一切正常