dtree的一个简单的POJO树

最新推荐文章于 2022-10-11 16:31:19 发布

原创最新推荐文章于 2022-10-11 16:31:19 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Mobile #JavaScript #ViewUI

企业应用专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript构建组织结构树的方法，通过遍历员工和部门列表，动态生成树状结构，实现对组织架构的可视化展示。

<script type="text/javascript">
			var deptTree = new dTree('deptTree','<%=request.getContextPath()%>/js/dtree/images/system/dept/');
			deptTree.config.folderLinks=false;
			deptTree.config.useCookies=true;
			deptTree.config.check=true;
			 
			var url;
			var mobile;
			var sexId;
			var currid = '${param.deptId}';
			if(currid == ''){
				currid=0;
			}
			 
			deptTree.add(0,-1,'全部','','','','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif');
		   	<%
		   	 
		   		Iterator iter = employeeList.iterator();
					while(iter.hasNext()){
						Employee emp = (Employee)iter.next();  
					%>  
						mobile = <%=emp.getMobile()%>;
						sexId = <%=emp.getSex()%>;
						if(sexId == 0){
							deptTree.add(<%=emp.getId()+1000%>,<%=emp.getDeptId()%>,'<%=emp.getName()%>',"",'<%=emp.getMobile()%>','<%=request.getContextPath()%>/js/dtree/images/system/dept/page.gif','<%=request.getContextPath()%>/js/dtree/images/system/dept/page.gif'); 
						}else{
							deptTree.add(<%=emp.getId()+1000%>,<%=emp.getDeptId()%>,'<%=emp.getName()%>',"",'<%=emp.getMobile()%>','<%=request.getContextPath()%>/images/icon/user.gif','<%=request.getContextPath()%>/images/icon/user.gif'); 
						}
					<%
				} 
		   	
		   		Department[] depArr=new Department[departmentList.size()] ;
		   	
		   		departmentList.toArray(depArr);
		   		iter = departmentList.iterator();
		   		int masLft=0;
		   		int pid=0;
		   		while(iter.hasNext()){
		   			pid=0;
					Department dept = (Department)iter.next();
					masLft=0;
					for (int i=0;i<depArr.length;i++){
						if (masLft<depArr[i].getLft()&& depArr[i].getLft()< dept.getLft() && depArr[i].getRgt()>dept.getRgt()){ 
							masLft=depArr[i].getLft();
							pid=depArr[i].getId();
						}
					}
					 
					%> 
		   			deptTree.add(<%=dept.getId()%>,<%=pid%>,'<%=dept.getName()%>',"",'','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif');
		   			 
		   			<%
				} 
		   		
		   	%> 
		</script>


<tr>
		    				<td style="padding-top:0px;padding-left:6px;padding-right:6px;padding-bottom:8px;">
							<DIV><b>您的组织列表</b></DIV>
							<div style="-moz-user-select: none; height: 400px; width: 200px; overflow:auto;">
								<script>  
									document.write(deptTree); 
								</script>
							</div>
		    			</tr>