easyUI-树形菜单(ComboTree) 无限层级树实现方式

 对于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

Html代码  

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代码：

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. });