對於easyUI實現一個樹，是一件很簡單的事情，實現形式很多。

     這裡作者將實現，通過資料庫獲取資料，再將資料通過遞迴形式裝成無限層級json資料，到達無限成級的樹結構。

     需要用到的json外掛建附件，希望能對大家有所幫助

     效果如圖 

1. CREATE TABLE `role` (  
2.   `id` varchar(32) NOT NULL,  
3.   `createDate` datetime NOT NULL,  
4.   `modifyDate` datetime NOT NULL,  
5.   `name` varchar(64) NOT NULL,  
6.   `isSystem` bit
   (1) NOT NULL,  
7.   `description` varchar(256) NOT NULL,  
8.   `fatherId` varchar(32) default '0' COMMENT '父id',  
9.   PRIMARY KEY  (`id`)  
10. ) EN

1. <td>  
2.     <input type="text" name="role.fatherId" <#if role.fatherId == ""> value="0" <#else> value="${role.fatherId}" </#if>
    hidden = "true"/>  
3.     <div id= "comboTree" style="margin-left:0; high:60px; padding-bottom:2px; padding-top:2px; width:210px;"></div>  
4. </td>  

    js程式碼：

1. $(function(){  
2.     //載入樹  
3.     $('#comboTree').combotree({        
4.         url:'role!backComboTreeTreeRole.action'
   ,  
5.         onClick:function(node){  
6.             //單使用者單擊一個節點的時候，觸發  
7.             $("input[name='role.fatherId']").val(node.id);  
8.         },  
9.         checkbox:false,  
10.         multiple:false  
11.     });  
12. });