DHTMLX甘特图隐藏父任务如何?

时间:2020-01-07 07:28:20

标签: dhtmlx dhtmlx-scheduler

在DHTMLX甘特图中

我需要在左侧面板中显示所有层次结构任务,例如

  1. 父母
    1.1子家长
    1.1.1任务

但是右侧面板中,我只需要显示子任务,而不是父级和子级。

您可以参考下面的屏幕截图'enter image description here

参考链接:https://dhtmlx.com/docs/products/dhtmlxGantt/02_features.html

需要: 1.我需要隐藏战略定义并获取/创建...仅右侧蓝色条。

1 个答案:

答案 0 :(得分:1)

请使用task_class template指定将应用于带有孩子的任务栏以隐藏它们的CSS类

getChildren方法来检查目标任务是否具有第一级子任务:

gantt.templates.task_class = function(start, end, task){
  var children = gantt.getChildren(task.id);
  if(children.length)
    return "hideTask";

  return "";
};

CSS:

.hideTask{visibility: hidden;}

Demo