EasyUI创建人员树的实例代码

前端之家收集整理的这篇文章主要介绍了EasyUI创建人员树的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近做了一个树状的下拉列表,在这里记录一下,以后可以直接使用

项目中的树状下拉列表是用来选择人员用的,具体实现展示如下:

先说一说功能,左边的人员数是提供选人的,当点击中间的按钮,选中的人员会直接移到右边,如果要删除已选中的人员,只需要双击右边人的姓名即可,点击确定进行集体的业务逻辑操作,一般就是新增人员到某一个表中。

我们再来看看这个DIV的具体代码,由于项目中在多个地方都使用到了这个人员树,所以我把这个DIV抽象出来当作一个公共的jsp页面。如需调用,只需要include这个jsp即可

userTree.jsp:

<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib prefix="sino" tagdir="/WEB-INF/tags"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

下面再来看看java后台是如何来查找这个树的,附上后台代码

> list=userService.queryJSAssessor(id,groupId); BuildJSON.printToClient(req,res,arrayBuilder(list)); } //获得树值 private JSONArray arrayBuilder(List> list) { JSONArray arr = new JSONArray(); if (list != null && list.size() > 0) { for (int i=0;i

dao查询方法

查询树结构的人员以及部门数据 * @param parentGroupId * @param groupId 第一次加载树查询的 区域 例如是成都分公司,则查询出成都分公司下面的部门以及人员 * @return */ List> queryJSAssessor(@Param("parentGroupId") String parentGroupId,@Param("groupId")String groupId);  

对应的xml

)s WHERE s.groupLeaf>0 OR s.userLeaf>0 UNION ALL SELECT fu.LOGIN_NAME loginName,fu.DISPLAY_NAME displayName,1 userImg FROM FND_USER fu LEFT JOIN FND_USER_GROUP fug ON fu.ID=fug.USER_ID LEFT JOIN FND_GROUP fg ON fug.GROUP_ID=fg.ID WHERE fu.ENABLE_FLAG = 'Y' AND fug.PRIMARY_FLAG='Y' AND fg.NAME!='' AND fu.LOGIN_NAME!='' AND fu.DISPLAY_NAME!='' AND fu.MOBILE!='' )e ORDER BY userImg,CAST(disOrder AS int)

最后再附上一个使用实例的 jsp

<%@ page contentType="text/html;charset=utf-8" %> <%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib prefix="sino" tagdir="/WEB-INF/tags" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> @H_301_85@ 专项评估 > 任务分发
关闭
Box" id="selectAll" name="selectAll"/> 名称 Box" name="chkItem" value="${line.taskLineSetId}">${status.index+1} ${line.userNames} 设置评估人
<%-- <%@ include file="../../../../static/scm/userTree.jsp"%> --%>

总结

以上所述是小编给大家介绍的EasyUI创建人员树的实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/36375.html

猜你在找的JavaScript相关文章