EasyUI creates personnel tree sample code-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

EasyUI creates personnel tree sample code

小云云

Dec 29, 2017 am 09:10 AM

easyui code Example

This article mainly shares with you the EasyUI creation personnel tree sample code, which is a tree-like drop-down list made in a recent project. Below, the editor will share the implementation code of easyUI creation personnel tree to the Script Home platform. Friends who need it can refer to it. Well, I hope it can help everyone

The tree drop-down list in the project is used to select personnel. The specific implementation is shown below:

Let’s talk first When it comes to functions, the number of people on the left is for selecting people. When you click the button in the middle, the selected people will move directly to the right. If you want to delete the selected people, you only need to double-click the name of the person on the right, and click OK to proceed. The collective business logic operation is generally to add personnel to a certain table.

Let’s take a look at the specific code of this p. Since this personnel tree is used in many places in the project, I abstracted this p and used it as a public jsp page. If you need to call, you only need to include this jsp

userTree.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"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!--弹出窗口,人员树必要-->
<link href="${ctx}/static/lib/jquery-easyui/themes/default/easyui.css" rel="external nofollow" rel="external nofollow" 
 type="text/css" rel="stylesheet" />
<script src="${ctx}/static/lib/jquery-easyui/jquery.easyui.min.js"
 type="text/javascript"></script>
<style type="text/css">
 li:hover {
 cursor: pointer;
 }
</style>
<!-- 模态框弹出设置评估人 -->
 <p id="groupuser" class="modal fade" aria-hidden="true"
  data-backdrop="static">
  <p class="modal-dialog">
   <p class="modal-content">
    <input type="hidden" id="ModaltaskLineId" />
    <p class="modal-header">
     <h4 class="modal-title text-left">请选择评估人</h4>
    </p>
    <p class="modal-body">
     <p >
      <p style=" float: left; width: 300px;font-size:15px; ">
      待选择人
      </p>
      <p style="float: left; font-size:15px; width: 100px; ">
      已选择人
      </p>
     </p>
     <p>
      <p id="tt"
       style="border:1px solid #e4eaf8; float: left; width: 250px; height: 300px; overflow-x: scroll;">
      </p>
      <p align="center" style="float: left; margin-left: 10px; margin-right:10px; height: 150px;margin-top: 150px;">
       <button type="button" class="btn-xs btn-primary" onclick="$add()">>></button>
      </p>
      <p
       style="border:1px solid #e4eaf8;width:250px; height: 300px;overflow-x: scroll;">
       <ul id="names" style="list-style: none;padding-left:5px;">
       </ul>
      </p>
      <p></p>
     </p>
     <p align="center">
        <input class="btn btn-cmcc mr15 " type="button" value="确定" onclick="modelCheckAssessors()">
        <input class="btn btn-cmcc mr15" type="button" value="取消" onclick="modalHide()">
      </p>
     <p/>
    </p>
   </p>
  </p>
 </p>
<script type="text/javascript">
 //人员数组(longinName) 本项目是已登录名为主键存入，也可存入userID
 var arr = [];
 //点击确定的处理逻辑方法名称,调用方法的时候需要设置
 var fn = "";
 //展示人员树，右边没有默认值
 function showTree(groupId) {　　　　　　　　　　//查询范围是在groupId这个部门以下的节点部门和人员
  //console.log(groupId);
  $(&#39;#tt&#39;).tree({
   //一般情况下，除了url外，其他参数非必选
   //url: contextPath + requestURL,//请求的后台路径　　　　　　　　　　　　　　//这里需要注意的是后台url不要指定请求方式为GET方式，否则会报错。
   url : CONTEXT_PATH + "/sysmgr/user/chooseAssessorTree?groupId="+groupId,
   animate : true, //是否需要动画效果
   checkbox : &#39;true&#39;, //是否需要checkbox 支持复选
   cascadeCheck : &#39;false&#39;,//是否级联选中
   onlyLeafCheck : &#39;true&#39;, //是否只有leaf节点有checkbox
   lines : true,//是否显示线
   onClick : function(node) {
    //点击
    /* var leaf = $(&#39;#tt&#39;).tree("isLeaf", node.target); //判断是否为leaf
     if(leaf){
     arr.push(node.id);
     } */
    $(&#39;#tt&#39;).tree("toggle", node.target);//点击父节点和点击父节点前面的+号一样能展开
   },
   onLoadError : function(node, data) {
    alert("查询不到数据,树形加载失败");
    return;
   },
   onCheck : function(node, checked) {
    if (checked) {
     //arr.push(node);
    } else {
     //arr.remove(node);
    }
   }
  /* onBeforeLoad:function(node,param){
   param.screeningTxt = $("#screeningTxt").val();
  }*/
  });
  $("#groupuser").modal("show");//显示模态框，
 }　　　　　
  //接口方法，外面的jsp通过调用这个方法来弹出人员树模态框，且希望只能调用这个方法
 //展示人员数，右边有默认值
 //参数havaDefault表示是否有默认值，注意，批量设置不能够有默认值 布尔值：true,false
 //参数loginNameDisplayNameStr是longinName和displayName的组合字符串，例如有三个人："zhangsan-张三,lisi-李四,wangwu-王五"，如果没有默认值，就设置为null　　　　　
  //参数method表示方法名称，即你点击确定之后返回的人员的处理方法名称，注意这个方法规定参数只能有一个，那就是人员登陆名的一个字符串，多个人用";"隔开  
  //参数groupId表示传入到后台的一个参数。在本项目中，由于需要根据条件查询出不同公司/部门下的人员，所以传入了部门ID，若没有，可以为null
 function showTreeDefault(loginNameDisplayNameStr, method, havaDefault,groupId) {
  arr = [];//需要设置为全局变量
  fn = method;
  if (!havaDefault) {
   showTree(groupId);
   return;
  }
  if (loginNameDisplayNameStr!=null) {
   //alert(loginNameDisplayNameStr);
   //加载默认值到树的右边边框
   var result = loginNameDisplayNameStr.split(",");
   for (var i = 0; i < result.length; i++) {
    var user = result[i].split("-");
    var loginName = user[0];
    var displayName = user[1];
    var ul = document.getElementById("names");
    var li = document.createElement("li");
    li.setAttribute("value", loginName);
    li.setAttribute("ondblclick", "$remove(this)");
    li.innerHTML = displayName;
    ul.appendChild(li);
    arr.push(loginName);
   }
  }
  showTree(groupId);
 }
 function modelCheckAssessors() {
  if (arr.length != 0) {　　　　　　　　　　　　　　//将登录名数组以";"隔开组成一个字符串
   var loginNameStr = arr.join(";");
   returnVal(loginNameStr);
  } else {
   returnVal(null);
  }
 }
 function returnVal(retArr) {
  //调用处理逻辑方法
  window[fn](retArr);
  //关闭模态框
  modalHide();
 }
 function modalHide() {
  //清空右边li的数据
  $(&#39;ul li&#39;).remove();
  $("#groupuser").modal("hide");
 }
 function $add() {
  var nodes = $(&#39;#tt&#39;).tree(&#39;getChecked&#39;);
  if (nodes.length != 0) {
   for (var i = 0; i < nodes.length; i++) {
    var loginName = nodes[i].id;
    var userName = nodes[i].text;
    addEleInMainBox(loginName, userName);
    $(&#39;#tt&#39;).tree(&#39;uncheck&#39;, nodes[i].target);//去掉选中的
   }
  }
 };
 function addEleInMainBox(loginName, userName) {
  //1.判断当前p中是否已经存在该loginName,如果有重复的则不添加
  if (arr.Exists(loginName)) {
   //alert("已经存在"+loginName+"，不再添加");
   return;
  }
  //2.添加该评估人到li中
  var ul = document.getElementById("names");
  var li = document.createElement("li");
  li.setAttribute("value", loginName);
  li.setAttribute("ondblclick", "$remove(this)");
  li.innerHTML = userName;
  ul.appendChild(li);
  arr.push(loginName);
 }
 function $remove(obj) {
  var loginName = obj.getAttribute("value");
  obj.parentNode.removeChild(obj);
  arr.remove(loginName);
 }
 Array.prototype.remove = function(val) {
  var index = this.indexOf(val);
  if (index > -1) {
   this.splice(index, 1);
  }
 };
 Array.prototype.Exists = function(v) {
  var b = false;
  for (var i = 0; i < this.length; i++) {
   if (this[i] == v) {
    b = true;
    break;
   }
  }
  return b;
 };
</script>

Copy after login

Let’s take a look at how the java background searches for this tree , attach the background code

//选择评估人-树形结构
 @RequestMapping(value = "chooseAssessorTree")//这里不要指定请求方式
 public void chooseAssessorTree(HttpServletRequest req,HttpServletResponse res){
   //每次点击节点的时候会传入一个节点ID值<br data-filtered="filtered">　　　　　 String id = req.getParameter("id");
   //第一次加载树时选择的区域
   String groupId = req.getParameter("groupId");
   List<Map<String,Object>> list=userService.queryJSAssessor(id,groupId);
   BuildJSON.printToClient(req, res, arrayBuilder(list));
 }
 //获得树值
 private JSONArray arrayBuilder(List<Map<String,Object>> list) {
  JSONArray arr = new JSONArray();
  if (list != null && list.size() > 0) {
   for (int i=0;i<list.size();i++) {
    JSONObject obj = new JSONObject();
    Map map=list.get(i);
    String userImg=map.get("userImg").toString();
    if (userImg.equals("1")) {//表示到了叶子节点，选择出人
     obj.put("id", map.get("loginName"));
     obj.put("text", map.get("displayName"));
     obj.put("state", "open");
     //obj.put("iconCls", "icon-user2-gj");
    }else{
     obj.put("id", map.get("groupId"));
     obj.put("text", map.get("groupName"));
     obj.put("state", "closed");
    }
    arr.add(obj);
   }
  }
  return arr;
 }

Copy after login

dao query method

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

Copy after login

corresponding xml

<select id="queryJSAssessor" resultType="Map" parameterType="String">
  SELECT
    e.loginName,
    e.displayName,
    e.groupId,
    e.groupCode,
    e.groupName,
    e.disOrder,
    e.userImg
    FROM
    (SELECT s.loginName,s.displayName,s.groupId,s.groupCode,s.groupName,s.disOrder,s.userImg FROM
     (SELECT &#39;0&#39; loginName,
       &#39;0&#39; displayName,
      fg.ID groupId,
      fg.CODE groupCode,
      fg.NAME groupName,
      fg.DISPLAY_ORDER disOrder,
      isnull((select count(id) FROM FND_GROUP where PARENT_ID=fg.ID),0) groupLeaf,
      (select COUNT(1) from FND_USER_GROUP fug, FND_USER fu where fug.USER_ID = fu.ID and fug.GROUP_ID = fg.ID) userLeaf,
      0 userImg
     FROM FND_GROUP fg
     WHERE fg.ENABLE_FLAG = &#39;Y&#39;
     <if test="parentGroupId != null and &#39;&#39; != parentGroupId">
      AND fg.PARENT_ID = #{parentGroupId}
     </if>
      <if test="parentGroupId == null or &#39;&#39; == parentGroupId">
       <if test="groupId!=null and &#39;&#39; !=groupId">
        AND fg.PARENT_ID = #{groupId}
       </if>
       <if test="groupId==null or &#39;&#39;==groupId">
       AND fg.GROUP_LEVEL = 0
       </if>
      </if>
      )s WHERE s.groupLeaf>0 OR s.userLeaf>0
   UNION ALL 
     SELECT fu.LOGIN_NAME loginName,
       fu.DISPLAY_NAME displayName,
       fg.ID groupId,
      fg.CODE groupCode,
      fg.NAME groupName,
      fg.DISPLAY_ORDER disOrder,
      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 = &#39;Y&#39;
      AND fug.PRIMARY_FLAG=&#39;Y&#39;
     AND fg.NAME!=&#39;&#39;
     AND fu.LOGIN_NAME!=&#39;&#39;
     AND fu.DISPLAY_NAME!=&#39;&#39;
     AND fu.MOBILE!=&#39;&#39;
     <if test="parentGroupId != null and &#39;&#39; != parentGroupId">
      AND fug.GROUP_ID = #{parentGroupId}
     </if>
     <if test="parentGroupId == null or &#39;&#39; == parentGroupId">
       <if test="groupId!=null and &#39;&#39; !=groupId">
        AND fug.GROUP_ID = #{groupId}
       </if>
       <if test="groupId==null or &#39;&#39;==groupId">
       AND fg.GROUP_LEVEL = 0
       </if>
      </if>
      )e
   ORDER BY userImg, CAST(disOrder AS int)
 </select>

Copy after login

Finally, attach a jsp with a usage example

<%--
 Created by IntelliJ IDEA.
 User: zht
 Date: 2017/7/18
 Time: 20:36
 To change this template use File | Settings | File Templates.
--%>
<%@ 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" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
 <title>专项评估 > 任务分发</title>
 <script src="${ctx}/static/scm/js/commonDialog.js" type="text/javascript"></script>
 <link href="${ctx}/static/sinoprof/core/css/menu-dropdown.css" rel="external nofollow" type="text/css" rel="stylesheet"/>
 <script src="${ctx}/static/sinoprof/core/js/namespace.js" type="text/javascript"></script>
 <script src="${ctx}/static/sinoprof/core/js/lookupDialogRemember.js" type="text/javascript"></script>
 <script src="${ctx}/static/scm/js/taskEditExcelData.js" type="text/javascript"></script>
 <script src="${ctx}/static/scm/js/bootstrap-filestyle.js" type="text/javascript"></script>
 <link href="${ctx}/static/lib/jquery-easyui/themes/default/easyui.css" rel="external nofollow" rel="external nofollow"  type="text/css" rel="stylesheet" />
 <script src="${ctx}/static/lib/jquery-easyui/jquery.easyui.min.js" type="text/javascript"></script>
 <sino:sinoflow ctx="${ctx}" SFActInfo="${SFActInfo}"/>
 <style type="text/css">
  .table tbody td:nth-child(1n) {
   text-align: center;
   vertical-align: middle;
  }
  .mr15 {
   margin-right: 15px;
  }
 </style>
</head>
<body>
<form:form id="appform" name="specialTask" class="form-horizontal" role="form"
   action="${ctx}/scm/special/distribute/submit" method="post">
 <input type="hidden" id="Launch_Code" />
 <input type="hidden" id="APPL_COLUMN4">
 <input type="hidden" id="loginIds" name="loginIds" >
 <input type="hidden" id="Launch_Code_Bypass" value="C1">
 <input type="hidden" id="groups" name="groups" value="${flowGroups}">
 <input type="hidden" id="sf_actID" value="${sf_actID}">
 <input type="hidden" id="nextLoginName" value="${nextLoginName}">
 <p class="control-group">
  <input type="hidden" name="taskId" value="${taskId}">
  <input type="hidden" name="taskName" value="${taskName}">
  <h2 style="text-align:center">${taskName}</h2>
  <input type="hidden" id="taskId" value="${taskId}">
  <p style="height: 70px">
   <p class="pull-right mr15">
    <button type="button" class="btn-cmcc" onclick="doSubmit();">任务分发</button>
   </p>
   <p class="pull-right mr15">
    <button id="cancelBtn" type="button" class="btn-cmcc" onclick="window.location.href=&#39;${ctx}/flow/workbench/pendingTray&#39;">关闭</button>
   </p>
  </p>
  <p class="group-header col-xs-12">
   <span class="title">本次评估信息</span>
   <p class="dropdown opts table-opts" data-table="3">
    <a class="btn-span" style="color:white" data-action="" onclick="checkAssessors(this,true);">批量设置评分人</a>
    <a class="btn-span" style="color:white" data-action="" onclick="removeAssessors(this,true);">批量清空评分人</a>
   </p>
  </p>
  <p class="form-group" >
   <p class="col-md-12">
    <table class="col-md-12 table table-striped table-bordered table-hover">
     <thead>
     <tr>
      <td style="width:3%"><input type="checkbox" id="selectAll" name="selectAll"/></td>
      <th style="width:4%">序号</th>
      <th style="width:35%">协议/合同名称</th>
      <th style="width:23%">评估供应商</th>
      <th style="width:20%">评估人</th>
      <th style="width:15%">评估模板</th>
     </tr>
     </thead>
     <tbody>
     <c:forEach items="${specialTaskLineList}" var="line" varStatus="status">
      <tr>
       <td><input type="checkbox" name="chkItem" value="${line.taskLineSetId}"></td>
       <th>${status.index+1}
        <input type="hidden" name="taskLineId" value="${line.taskLineId}">
        <input type="hidden" name="taskLineSetId" value="${line.taskLineSetId}">
        <input type="hidden" name="objectType" value="${line.objectType}">
       </th>
       <td>${line.contractName}</td>
       <td>${line.vendorName}</td>
       <td class="assessorsTd" name="assessorsTd" style="text-align:left; color:#E69500">
        <c:if test="${line.userNames !=null}">
         <a onclick="checkAssessors(this,false);"style="color:#E69500" > ${line.userNames}</a>
         <!-- <a onclick="removeAssessors(this,false);" style="">清空</a> -->
         <input type="hidden" name="userNames" value="${line.userNames}" />
         <input type="hidden" class="loginNames" name="loginNames" value="${line.loginNames}" />
         <input type="hidden" name="loginNameDisplayNameStr" value="${line.loginNameDisplayNameStr}" />
         <input type="hidden" name="flowGroups" value="${line.flowGroups}" />
        </c:if>
        <c:if test="${line.userNames ==null}">
         <a onclick=&#39;checkAssessors(this,false);&#39; style=&#39;color: red&#39;>设置评估人</a>
        </c:if>
       </td>
       <td> <a href="##" rel="external nofollow" onclick="showIndicatorsDetail(this)">${line.templetName}</a></td>
      </tr>
     </c:forEach>
     </tbody>
    </table>
   </p>
  </p>
 </p>
</form:form>
 <jsp:include page="/WEB-INF/views/workflow/workbench/userTree.jsp" />
<%-- <%@ include file="../../../../static/scm/userTree.jsp"%> --%>
<script type="text/javascript">
 $(function () {
  //全选、取消全选的事件
  $("#selectAll").click(function () {
   $("input[name=&#39;chkItem&#39;]").prop("checked", this.checked);
  });
 });
 function assessorsValidate(){
  var flag=true;
  $(".assessorsTd").each(function(){
   var validateMedium=$(this).find("input[name=&#39;loginNames&#39;]").val();
   if(!validateMedium){
    flag=false;
    msgAlert("评估人未设置");
    return false;
   }
  });
  return flag;
 }
 function do_Validate_Save() {//流程“暂存”前由流程引擎自动调用，如果该函数返回false,流程引擎中止“暂存”操作
  if ($("#appform").valid()&&assessorsValidate()) {
   return true;
  }else{
   return false;
  }
 }
 //提交数据
 function doSubmit() {
  var companyId = $("#companyId").val();
  if(companyId =="00"){
   $("#Launch_Code").val("B");
  }else {
   $("#Launch_Code").val("A");
  }
  if (do_Validate_Save()){
   var assessors=new Array();
   $(&#39;.loginNames&#39;).each(function(index){
    var arrayEach=($(this).val()).split(",");
    for(var i=0;i<arrayEach.length;i++){
     if(assessors.indexOf(arrayEach[i])<0){
      assessors.push(arrayEach[i]);
     }
    }
   });
   assessors=assessors.join(";");
   if($("#nextLoginName").val()){
    $("#loginIds").val($("#nextLoginName").val());
   }else {
    $("#loginIds").val(assessors);
   }
   if(checkAppraiser()){
    do_p_Complete_Start();
   }else {
    msgAlert("存在指标评估人为空");
   }
  }
 }
 function checkAppraiser(){
  var flag = true;
  var taskId = $("#taskId").val();
  $.ajax({
   url:"${ctx}/scm/special/distribute/checkAppraiser",
   type:"post",
   dataType:"json",
   async:false,
   data:{"taskId":taskId},
   success:function(result){
    if(result>0){
     flag = false;
    }
   }
  });
  return flag;
 }
 //选择评估人
 function checkAssessors(obj,flag) {
  if(flag&& $("input[name=&#39;chkItem&#39;]:checked").length == 0){
   msgAlert("请选择要设置的行。");
   return;
  }
  arr = [];//需要设置为全局变量
  var method="dealMethod";
  if(!flag){
    var taskLineSetId = $(obj).parents("tr").find("input[name=&#39;taskLineSetId&#39;]").val();
    //这里的ModaltaskId为模态框里面的id值，表示需要修改的行，该列表示可以传递的参数
    $("#ModaltaskLineId").val(taskLineSetId);
    //获取评估人信息loginName和displayNameStr(默认值)
    var loginNameDisplayNameStr = $(obj).parents("tr").find("input[name=&#39;loginNameDisplayNameStr&#39;]").val();
    showTreeDefault(loginNameDisplayNameStr,method,true);
  }
  //批量设置评估人
  else{
    var check = $("input[name=&#39;chkItem&#39;]:checked");
    var taskLineIdStr="";
    check.each(function (index) {
     if(index==0){
      taskLineIdStr=$(this).val();
     }else{
      taskLineIdStr+=","+$(this).val();
     }
   }); 
   $("#ModaltaskLineId").val(taskLineIdStr);
   showTreeDefault(null,method,false);
  }
 }
 //判断是否是批量设置评估人，如果是批量，循环处理(本方法也是模态框处理方法)
 function dealMethod(loginNames){
   if(loginNames==null){
    alert("评估人不能为空，设置失败！");
    return ;
   }
   var taskLineSetIdStr = $("#ModaltaskLineId").val();
   $.commonDialog.showProgress(&#39;${ctx}&#39;, &#39;正在设置评估人，请稍候...&#39;);
   saveAppraiser(taskLineSetIdStr,loginNames);
 }
 function saveAppraiser(taskLineSetIdStr,loginNames) {
  $.ajax({
   url:"${ctx}/scm/special/distribute/saveAppraiser",
   type:"post",
   dataType:"json",
   async:false,
   data:{"taskLineSetIdStr":taskLineSetIdStr,"loginNames":loginNames},
   success:function(result){
    window.location.reload();
   }
  });
 }
 function removeAssessors(obj,flag) {
  if(flag&& $("input[name=&#39;chkItem&#39;]:checked").length == 0){
   msgAlert("请选择要设置的行。");
   return;
  }
  msgConfirm("是否确认清空？",
    function () {
     $.commonDialog.showProgress(&#39;${ctx}&#39;, &#39;正在删除，请稍候...&#39;);
     $("#nextLoginName").val("");
     if(flag){
      $("input[name=&#39;chkItem&#39;]:checked").each(function () {
       removepeople($(this).parents("tr").find("td input[name =&#39;loginNames&#39;]"));
      });
     }else {
      removepeople(obj);
     }
     window.location.reload();
//     $.commonDialog.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 ==&#39;Y&#39;){
//     $(obj).parent("td") .html("<a onclick=&#39;checkAssessors(this,false);&#39; style=&#39;color: red&#39;>设置评估人</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>

Copy after login

Related recommendations:

ztree implements the dynamics on the left The right side of the spanning tree is the content details function example sharing

Example detailed explanation zTree jQuery tree plug-in usage

Example detailed explanation jQuery uses ztree to implement tree table

The above is the detailed content of EasyUI creates personnel tree sample code. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Assassin's Creed Shadows: Seashell Riddle Solution

1 months ago By DDD

What's New in Windows 11 KB5054979 & How to Fix Update Issues

3 weeks ago By DDD

Where to find the Crane Control Keycard in Atomfall

1 months ago By DDD

How to fix KB5055523 fails to install in Windows 11?

2 weeks ago By DDD

InZoi: How To Apply To School And University

3 weeks ago By DDD

Hot Tools

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Where is the login entrance for gmail email?

7774

Java Tutorial

1644

CakePHP Tutorial

1399

Laravel Tutorial

1296

PHP Tutorial

1234

Related knowledge

How to solve win7 driver code 28 Dec 30, 2023 pm 11:55 PM

Some users encountered errors when installing the device, prompting error code 28. In fact, this is mainly due to the driver. We only need to solve the problem of win7 driver code 28. Let’s take a look at what should be done. Do it. What to do with win7 driver code 28: First, we need to click on the start menu in the lower left corner of the screen. Then, find and click the "Control Panel" option in the pop-up menu. This option is usually located at or near the bottom of the menu. After clicking, the system will automatically open the control panel interface. In the control panel, we can perform various system settings and management operations. This is the first step in the nostalgia cleaning level, I hope it helps. Then we need to proceed and enter the system and

What to do if the blue screen code 0x0000001 occurs Feb 23, 2024 am 08:09 AM

What to do with blue screen code 0x0000001? The blue screen error is a warning mechanism when there is a problem with the computer system or hardware. Code 0x0000001 usually indicates a hardware or driver failure. When users suddenly encounter a blue screen error while using their computer, they may feel panicked and at a loss. Fortunately, most blue screen errors can be troubleshooted and dealt with with a few simple steps. This article will introduce readers to some methods to solve the blue screen error code 0x0000001. First, when encountering a blue screen error, we can try to restart

The computer frequently blue screens and the code is different every time Jan 06, 2024 pm 10:53 PM

The win10 system is a very excellent high-intelligence system. Its powerful intelligence can bring the best user experience to users. Under normal circumstances, users’ win10 system computers will not have any problems! However, it is inevitable that various faults will occur in excellent computers. Recently, friends have been reporting that their win10 systems have encountered frequent blue screens! Today, the editor will bring you solutions to different codes that cause frequent blue screens in Windows 10 computers. Let’s take a look. Solutions to frequent computer blue screens with different codes each time: causes of various fault codes and solution suggestions 1. Cause of 0×000000116 fault: It should be that the graphics card driver is incompatible. Solution: It is recommended to replace the original manufacturer's driver. 2,

Resolve code 0xc000007b error Feb 18, 2024 pm 07:34 PM

Termination Code 0xc000007b While using your computer, you sometimes encounter various problems and error codes. Among them, the termination code is the most disturbing, especially the termination code 0xc000007b. This code indicates that an application cannot start properly, causing inconvenience to the user. First, let’s understand the meaning of termination code 0xc000007b. This code is a Windows operating system error code that usually occurs when a 32-bit application tries to run on a 64-bit operating system. It means it should

GE universal remote codes program on any device Mar 02, 2024 pm 01:58 PM

If you need to program any device remotely, this article will help you. We will share the top GE universal remote codes for programming any device. What is a GE remote control? GEUniversalRemote is a remote control that can be used to control multiple devices such as smart TVs, LG, Vizio, Sony, Blu-ray, DVD, DVR, Roku, AppleTV, streaming media players and more. GEUniversal remote controls come in various models with different features and functions. GEUniversalRemote can control up to four devices. Top Universal Remote Codes to Program on Any Device GE remotes come with a set of codes that allow them to work with different devices. you may

Detailed explanation of the causes and solutions of 0x0000007f blue screen code Dec 25, 2023 pm 02:19 PM

Blue screen is a problem we often encounter when using the system. Depending on the error code, there will be many different reasons and solutions. For example, when we encounter the problem of stop: 0x0000007f, it may be a hardware or software error. Let’s follow the editor to find out the solution. 0x000000c5 blue screen code reason: Answer: The memory, CPU, and graphics card are suddenly overclocked, or the software is running incorrectly. Solution 1: 1. Keep pressing F8 to enter when booting, select safe mode, and press Enter to enter. 2. After entering safe mode, press win+r to open the run window, enter cmd, and press Enter. 3. In the command prompt window, enter "chkdsk /f /r", press Enter, and then press the y key. 4.

What does the blue screen code 0x000000d1 represent? Feb 18, 2024 pm 01:35 PM

What does the 0x000000d1 blue screen code mean? In recent years, with the popularization of computers and the rapid development of the Internet, the stability and security issues of the operating system have become increasingly prominent. A common problem is blue screen errors, code 0x000000d1 is one of them. A blue screen error, or "Blue Screen of Death," is a condition that occurs when a computer experiences a severe system failure. When the system cannot recover from the error, the Windows operating system displays a blue screen with the error code on the screen. These error codes

A quick guide to learning Python drawing: code example for drawing ice cubes Jan 13, 2024 pm 02:00 PM

Quickly get started with Python drawing: code example for drawing Bingdundun Python is an easy-to-learn and powerful programming language. By using Python's drawing library, we can easily realize various drawing needs. In this article, we will use Python's drawing library matplotlib to draw a simple graph of ice. Bingdundun is a cute panda who is very popular among children. First, we need to install the matplotlib library. You can do this by running in the terminal

See all articles