沙漠中的鱼

欲上天堂，先下地狱
posts - 0, comments - 56, trackbacks - 0, articles - 119
  BlogJava :: 首页 ::  :: 联系 :: 聚合  :: 管理

在STRUTS中使用EXTJS中的TREE实现异步加载树节点

Posted on 2008-04-16 18:11 沙漠中的鱼 阅读(5209) 评论(3)  编辑  收藏 所属分类: 开源框架

前端页面展现

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'SystemManageTree.jsp' starting page</title>
<%
    String path = request.getContextPath();
%>    
<link rel="stylesheet" type="text/css" href="<%=path%>/ext-2.0/resources/css/ext-all.css" />
<script type="text/javascript" src="<%=path%>/js/prototype-1.6.0.2.js"></script>
<script type="text/javascript" src="<%=path%>/ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=path%>/ext-2.0/ext-all.js"></script>
<style type="text/css">
.x-tree .x-panel-body{background-color:#a9b3aa;}
</style>
       
<script type="text/javascript">
 var loader = new  Ext.tree.TreeLoader({   
        dataUrl:"childrenNode.action"
        });

    Ext.onReady(function(){
        var tree = new Ext.tree.TreePanel({
        el:'tree',
        loader:loader,
        rootVisible:true,
        autoScroll:true
    });
    //异步节点
    var root = new Ext.tree.AsyncTreeNode({
        id:'-1',
        text:'根节点'
    });
    
    tree.setRootNode(root);
    root.expand(false,true);
    tree.render();
});

</script>
  </head>
  
  <body>
    <div id="tree" class="bgimg" style="height:100%;width: 100%;background-color: #FF0000"></div>
  </body>
</html>


 

Struts配置文件

<package name="person" extends="json-default">
        <action name="childrenNode" method="方法" class="类名" >
            <result type="json">
                <param name="root">
                    JsonTreeNodeLst
                </param>
            </result>
        </action>
</package>

服务端代码

Action类
成员属性
private String node;//前端传过来的参数，父节点的ID
private List<JsonTreeNode> JsonTreeNodeLst = new ArrayList<JsonTreeNode>(); //返回给客户端的节点对象

自定义节点类JsonTreeNodeLst

public class JsonTreeNode implements Serializable{
 private String id;
 private String text;
 private boolean leaf;
 private String cls;
 private List<JsonTreeNode> children;
 private boolean expandable;
}


 


 


评论

# re: 在STRUTS中使用EXTJS中的TREE实现异步加载树节点  回复  更多评论   

2009-08-13 18:09 by 李华刚
楼主，非常感谢你写的这篇文章，是我们简化了在STRUTS 2中使用EXTJS中的TREE实现动态加载树节点！

# re: 在STRUTS中使用EXTJS中的TREE实现异步加载树节点  回复  更多评论   

2009-08-13 21:30 by 李华刚
楼主，这明显是一次性加载，异步还需动态改变结点的内容

# re: 在STRUTS中使用EXTJS中的TREE实现异步加载树节点[未登录]  回复  更多评论   

2011-11-09 16:02 by 波仔
<。)#)))≦楼主神功盖世，武艺超群，玉树凌风，潇洒倜傥，洪福齐天，寿与天齐！

只有注册用户登录后才能发表评论。
网站导航: