沙漠中的魚

          欲上天堂,先下地獄
          posts - 0, comments - 56, trackbacks - 0, articles - 119
            BlogJava :: 首頁 ::  :: 聯系 :: 聚合  :: 管理

          前端頁面展現

          <%@ 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 波仔
          <。)#)))≦樓主神功蓋世,武藝超群,玉樹凌風,瀟灑倜儻,洪福齊天,壽與天齊!
          主站蜘蛛池模板: 双桥区| 禹州市| 化德县| 阜宁县| 额敏县| 成武县| 文化| 郧西县| 聂荣县| 巴林左旗| 井冈山市| 淳化县| 西畴县| 拉萨市| 特克斯县| 衢州市| 新宁县| 东乡族自治县| 广昌县| 济阳县| 崇礼县| 滦平县| 兴文县| 长汀县| 大荔县| 泰和县| 博湖县| 边坝县| 嘉祥县| 太谷县| 苏尼特左旗| 新绛县| 荣昌县| 莆田市| 称多县| 兴和县| 栾川县| 达孜县| 合阳县| 彩票| 亚东县|