Добавьте класс css условно

#javascript #jquery #css

#язык JavaScript #jquery #CSS

Вопрос:

У меня ниже приведен код для организационной диаграммы.

Который показывает разные узлы, на узле, имеющем дочерний элемент, будет отображаться символ fa fa-пользователи в названии считают его менеджером

Теперь для verticallevel3 для уровня 3 он не показывает эти символы пользователей fa fa

итак, что я сделал в своем GetOrgJSON, используя tcount, чтобы получить пользователей, у которых есть дочерний узел, но теперь они хотят использовать это условие tcount для добавления класса в мой шаблон узла

Таким образом, условие должно быть, если tcount gt;0 и fa fa-users symbol нет, добавьте этот класс в ${data.title}

 lt;div class="title"gt;${data.title}lt;i class="fa fa-users symbol"gt;lt;/igt; lt;/divgt;  

моя табличка узла

 var nodeTemplate = function(data) {  return `    lt;div class="title"gt;${data.title}lt;/divgt;  lt;div class="content"gt;${data.name}lt;/divgt;  lt;div class="content"gt;${data.MainRole}lt;/divgt;  lt;div class="content"gt;${data.Country}lt;/divgt;      `;  }  

моя функция для подсчета узлов здесь принимает количество узлов и создает JSON для источника данных диаграммы

 function GetOrgJSON(employeeList,manager){  var fbracket= "(";  var lbracket= ")";  var lline="/";  var note = '';  var employeeProcessed=[];  var totalchild=0;  for(var i=0;ilt;employeeList.length;i  ){    var objEmp = employeeList[i];   if(objEmp.Manager == manager amp;amp; employeeProcessed.indexOf(objEmp.Name) lt; 0 ){  var {empUl,total} = GetOrgJSON(employeeList,objEmp.ID);  var tcount=0;  //var empUl=note;  if(empUl !="")  {  //total =JSON.parse('['   empUl   ']').length;   tcount=JSON.parse('['   empUl   ']').length;    }     if (tcountgt;0)  {    note  = '{"name":"' objEmp.Name ' ' fbracket ' ' tcount ' ' lline ' ' total ' ' lbracket ' ",';  note  = '"Email":"' objEmp.Email '",';  note  = '"MainRole":"' objEmp.MainRole '",';  note  = '"Country":"' objEmp.Country '",';  note  = '"title":"' objEmp.Designation '"';  }  else  {  note  = '{"name":"' objEmp.Name '",';  note  = '"Email":"' objEmp.Email '",';  note  = '"MainRole":"' objEmp.MainRole '",';  note  = '"Country":"' objEmp.Country '",';  note  = '"title":"' objEmp.Designation '"';   }     employeeProcessed.push(objEmp.Name);    //var empUl = GetOrgJSON(employeeList,objEmp.ID,0);  totalchild=totalchild total;  if(empUl !=""){  totalchild =JSON.parse('['   empUl   ']').length;    note  =',"children": ['   empUl   ']';  }  note  ='},';  }   }   note=note.slice(0,note.length-1);  return {empUl:note,total:totalchild}; }  

Комментарии:

1. извините, я внес правки, чтобы объяснить