1.增加左侧的tree栏目

<div data-options="region:'west',split:true,border:false" style="width: 250px;">
	<div class="TREE_COMMON_BOX_SPLIT_DIV">
			<a id="examTypeTreeReload" href="javascript:void(0)"
				class="easyui-linkbutton" data-options="plain:true"
				iconCls="icon-reload">刷新</a> 
            <a id="examTypeTreeOpenAll" href="javascript:void(0)" 
                class="easyui-linkbutton" data-options="plain:true" 
                iconCls="icon-sitemap">展开</a>
	</div>
	<ul id="examTypeTree"></ul>
</div>
<div class="easyui-layout" data-options="region:'center',border:false">

</div>

2.添加和树相关的javascript

//初始化条件查询
searchExamtype = $('#searchExamtypeForm').searchForm({
	gridObj : gridExamtype
});
$('#examTypeTree').tree({
	url : 'examtype/examtypeTree.do',
	onSelect : function(node) {
		$('#PARENTID_RULE').val(node.id);
		$('#PARENTTITLE_RULE').val(node.text);
		searchTypeTree.dosearch({
			'ruleText' : searchTypeTree.arrayStr()
		});
	}
});
$('#examTypeTreeReload').bind('click', function() {
	$('#examTypeTree').tree('reload');
});
$('#examTypeTreeOpenAll').bind('click', function() {
	$('#examTypeTree').tree('expandAll');
});

3.增加查询条件中分类缓存表单

<tr>
	<td class="title">上级节点:</td>
	<td>
        <input id="PARENTTITLE_RULE" type="text"
		readonly="readonly" style="background: #F3F3E8"> 
        <input id="PARENTID_RULE" name="PARENTID:=" type="hidden">
    </td>
</tr>

4.在Controller中增加tree的查询方法

/**
* 组织机构节点
*/
@RequestMapping("/examtypeTree")
@ResponseBody
public Object examtypeTree(String id) {
	try {
		if (id == null) {
			// 如果是未传入id，就是根节点，就构造一个虚拟的上级节点
			id = "NONE";
			List<EasyUiTreeNode> list = new ArrayList<>();
			EasyUiTreeNode nodes = new EasyUiTreeNode("NONE", "考试分类", "open"
                                , "icon-customers");
			nodes.setChildren(EasyUiTreeNode.formatAsyncAjaxTree(
				EasyUiTreeNode.queryTreeNodeOne(id, "SORT", "WTS_EXAM_TYPE", 
                                     "ID", "PARENTID", "NAME", "CTIME").getResultList(),
				EasyUiTreeNode.queryTreeNodeTow(id, "SORT", "WTS_EXAM_TYPE",
                                    "ID", "PARENTID", "NAME", "CTIME")
				     .getResultList(),"PARENTID", "ID", "NAME", "CTIME"));
			list.add(nodes);
			return list;
		}
		return EasyUiTreeNode.formatAsyncAjaxTree(
			EasyUiTreeNode.queryTreeNodeOne(id, "SORT", "WTS_EXAM_TYPE", 
                  "ID", "PARENTID", "NAME", "CTIME").getResultList(),
			EasyUiTreeNode.queryTreeNodeTow(id, "SORT", "WTS_EXAM_TYPE", 
                              "ID", "PARENTID", "NAME", "CTIME").getResultList(),
				"PARENTID", "ID", "NAME", "CTIME");
	} catch (Exception e) {
		log.error(e.getMessage());
		return ViewMode.getInstance().setError(e.getMessage(), e).returnObjMode();
	}
}