Easyui tree 从数据库中动态加载数据

用到easyui，顺便做了个关于easyui  tree 加载数据的DEMO，比较简单。

先看样式

 

废话少说，直接上代码。

1. 前端html代码（就是这么简单）

 

 <div region="west" class="west" title="导航菜单">
    <ul id="tree"></ul>
  </div>

2. js脚本代码   主要是在页面初始化的时候，去后台请求数据，然后组装成tree所需要的json格式

 

 

$(function () {
	    			    		
	    		// 实例化树菜单
	    		$("#tree").tree({
	    			url:'getNodesById.do?id=1',//请求路径，id为根节点的id
	    			onLoadSuccess:function(node,data){
	    				 var tree = $(this);
	    				 if(data){
	    					 $(data).each(function(index,d) {
	                             if (this.state=='closed') {
	                                 tree.tree('expandAll');
	                             }