這幾天學習easyUI，用到了tree元件，蛋疼了N天，終於出來了，現在總結幾個問題。

1、官方demo裡，取的資料都是在.json檔案裡取的，在實際應用中顯然不能這麼做，要從資料庫中取出，那麼問題來了，怎麼取？官方demo裡也沒有說明，在網上找半天也沒找到什麼結果，現做如下總結：

方法1：Ajax取，在web介面載入完成後呼叫ajax，從後臺在資料庫中取值，拼接成JSON，拼接的方法有很多，這裡不一一列舉，拼接完成後，用response的writer回寫JSON，在js裡，tree的data引數即為傳回的JSON（時間原因，這個方法沒有測試，理論可行）。

方法2：根方法一大同小異：以下是程式碼，一看便知：

tree的html程式碼：

<ul id="department_tree" class="easyui-tree"></ul>

/**
 * @argument 通過URL取tree中的資料
 * @author ZHENGWEI
 * @date 2015-5-8
 * @version 1.0
 */
$(document).ready(function(){
	/*載入完成時呼叫*/
	$("#department_tree").tree({
		/*JSON拼接的地址*/
		url:'CompanyStaffAction!listCompanyDepartment.action',
		/*連線*/
		lines:true,
		/*動畫效果*/
		animate:true
	});
})
 

/**
	 * 查詢公司的部門資訊
	 * @author ZHENGWEI
	 * @throws JSONException 
	 * @throws IOException 
	 * @date 2015-5-7
	 */
	public String listCompanyDepartment() throws JSONException, IOException{
		//設定編碼格式，防止中文亂碼
		response.setCharacterEncoding("UTF-8");
		//返回公司部門資訊
		List<CompanyDepartmentInfo> companyDepartmentInfoList = this.companyStaffService.listCompanyDepartment();
		//宣告JSONArray物件，構建tree
		JSONArray jsonChildTreeArray = new JSONArray();
		//判空
		if(companyDepartmentInfoList.size() != 0){
			//迴圈迭代，生成JSON
			for(CompanyDepartmentInfo companyDepartmentInfo:companyDepartmentInfoList){
				//宣告JSON物件
				JSONObject jsonChildInfoObject = new JSONObject();
				//放入JSON
				jsonChildInfoObject.put("id", '"'+companyDepartmentInfo.getDepartmentId()+'"');
				jsonChildInfoObject.put("text", companyDepartmentInfo.getDepartmentName());
				//set進JSON陣列
				jsonChildTreeArray.put(jsonChildInfoObject);
			}
		}
		//最終生成的JSON樹
		JSONObject jsonDepartmentTree = new JSONObject();
		//樹根
		jsonDepartmentTree.put("id", "0");
		jsonDepartmentTree.put("text", "公司部門分類");
		jsonDepartmentTree.put("state", "open");
		//將jsonChildTreeArray變成子節點
		jsonDepartmentTree.put("children", jsonChildTreeArray);
		//string型，將JSON加上'[]'
		String treeData = jsonDepartmentTree.toString();
		treeData = "["+treeData+"]";
		//宣告PrintWriter變數傳回JSON
		PrintWriter out = response.getWriter();
		out.write(treeData);
		return null;
	}
 

最終效果如下：

這個過程千辛萬苦。。。說多了都是淚，網上好多問題都達不到點子上，我也是琢磨了好多天才想明白的，希望以後學習的同學少走彎路