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

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

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

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

userTree.jsp:

<%@ page contentType="text/html;charset=utf-8"%><%@ taglib uri="http://monDialog.hiddenProgress(); } ); } function removepeople(obj) { var taskLineSetId = $(obj).parents("tr").find("th input[name=taskLineSetId]").val(); $.ajax({ url:"${ctx}/scm/special/distribute/delAppraiser", type:"post", dataType:"json", async:false, data:{"taskLineSetId":taskLineSetId}, success:function(result){// if(result =='Y'){// $(obj).parent("td") .html("<a onclick='checkAssessors(this,false);' style='color: red'>设置评估人</a>");// } } }); } function showIndicatorsDetail(obj) { var loginNames = $(obj).parents("tr").find("td input[name=loginNames]").val(); var taskLineId = $(obj).parents("tr").find("th input[name=taskLineId]").val(); var objectType = $(obj).parents("tr").find("th input[name=objectType]").val(); var sf_actID = $("#sf_actID").val(); if(loginNames){ window.location.href= "${ctx}/scm/special/distribute/indicatorsEdit?taskLineId="+taskLineId+"&objectType="+objectType+"&sf_actID="+sf_actID; }else { msgAlert("请先设置评估人！"); } }</script></body></html>

总结

以上所述是小编给大家介绍的EasyUI创建人员树的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！