OA 权限树搭建时的技巧

1

	<%--   <s:checkboxlist name="privilegeIds"  list="#privilegeList" listKey="id" listValue="name"> </s:checkboxlist>  --%>
					
						<s:iterator value="#privilegeList">
						<input type="checkbox" name="privilegeIds" value="${id}" id="ck_${id}"
					    <s:property value="%{id in privilegeIds?'checked':''}"/> />
					   <label for="ck_${id}">${name}</label>
							 </br>
						</s:iterator>

2

自己写好 <ul> <li 等标签>

在最顶层ui 加个id=tree

自己写js   $("#tree").treeview();  //这个treeview是别人的插件 自己下即可  

<ul id="tree">
										<s:iterator value="#application.topPrivilegeList">
											<li>${name}
												<ul>
													<s:iterator value="children">
														<li>${name}
															<ul>
																<s:iterator value="children">
																	<li>${name}</li>
																</s:iterator>
															</ul>
														</li>
													</s:iterator>
												</ul>
											</li>
										</s:iterator>
									</ul>

  <script language="javascript" src="${pageContext.request.contextPath}/script/jquery_treeview/jquery.treeview.js"></script>
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/style/blue/file.css" />
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/script/jquery_treeview/jquery.treeview.css" />
	<script type="text/javascript">
		$(function(){
			// 指定事件处理函数
			$("[name=privilegeIds]").click(function(){
				
				// 当选中或取消一个权限时，也同时选中或取消所有的下级权限
				$(this).siblings("ul").find("input").attr("checked", this.checked);
				
				// 当选中一个权限时，也要选中所有的直接上级权限
				if(this.checked == true){
					$(this).parents("li").children("input").attr("checked", true);
				}
				
			});
		});
	</script>

<script type="text/javascript">
        	$("#tree").treeview();
        </script>

下载地址