沙漠中的魚
          
			欲上天堂，先下地獄
		          		
	
          

          

          

          
	
          

          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 波仔
				
          
				
          <。)#)))≦樓主神功蓋世，武藝超群，玉樹凌風，瀟灑倜儻，洪福齊天，壽與天齊！
          
			
          
		




          








          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
三都|
鄯善县|
酉阳|
临沭县|
行唐县|
渭南市|
微博|
扶绥县|
辽宁省|
青川县|
扬中市|
邹城市|
达日县|
察雅县|
龙游县|
芦溪县|
会昌县|
黄浦区|
龙岩市|
丹巴县|
保康县|
长垣县|
磐安县|
平顺县|
西藏|
祁连县|
皋兰县|
开江县|
上栗县|
青海省|
通城县|
青龙|
澄城县|
曲沃县|
宜章县|
敖汉旗|
桐城市|
名山县|
比如县|
清原|
时尚|