OA项目中权限树状结构的实现

阅读更多

    最近在做OA项目设置权限的时候用到JQuery的TreeView插件，现在整理下：
    1、 首先准备一下Action中的setPrivilegeUI()方法

	/** 设置权限页面 */
	public String setPrivilegeUI() {
		// 准备数据
		Role role = roleService.getById(model.getId());
		ActionContext.getContext().getValueStack().push(role);

		List topPrivilegeList = privilegeService.findTopList(); 
		ActionContext.getContext().put("topPrivilegeList", topPrivilegeList);

		// 准备回显的数据
		privilegeIds = new Long[role.getPrivileges().size()];
		int index = 0;
		for (Privilege privilege : role.getPrivileges()) {
			privilegeIds[index++] = privilege.getId();
		}

		return "setPrivilegeUI";
	}

       2、在网页中准备接收数据

    

  

            
	
 />
		${name}
		

		
			
 />
				${name}
				

				
					
 />
						${name}
					
				
				
			
		
		
	
 

     3、JS实现树状结构以及上下级权限的选中相关操作的代码

    

    4、点击文字实现的小技巧

      

   5、实现当鼠标经过文件夹图标时 鼠标的图标显示为手型

   

 

  

    这样我们权限树的操作就完成了！