easyui中使用tree可以完美的展現樹形結構。如下圖

html程式碼如下：

使用cascadeCheck：true為級聯選中子節點，預設值為true。

<ul id="resourceTree" class="easyui-tree" data-options="
						url:'privilegemgmt/resourceAction_getAll.action',
						checkbox:true,
						cascadeCheck:true,
						multiple:true,
						lines:true,
						formatter:formatNode,
						onLoadSuccess:function(){
						<s:if test="role.resources != null">
				      	<s:iterator value="role.resources" id='resource'>
				      	var node = $('#resourceTree').tree('find', <s:property value="#resource.id"/>);
				      	$('#resourceTree').tree('check',node.target)
				      	</s:iterator>
				      	</s:if>
						}">
						</ul>
 

var checknodes = $('#resourceTree').tree('getChecked');

var checknodes = $('#resourceTree').tree('getChecked',['checked','indeterminate']);