DHTMLX Scheduler 时间线视图 - 带有较长文本的标签不会出现在树模式中

DHTMLX Scheduler timeline view - labels with longer text don't appear in tree mode

我有一段时间找不到答案的问题。

这是关于树模式下的 DHTMLX 调度程序时间线视图。问题是文本比树的文件夹元素(有子元素)的可用 space 长的标签消失了,它们没有显示在时间轴视图的第一列中。我不明白为什么会这样。调度程序上是否有某种设置,我丢失了。重要的是要注意调度程序的样式必须与 dhtmlxscheduler_material.css 文件或换句话说 material 设计。 Here is an image of the scheduler with the problem shown

我还提供了一个模拟问题的代码示例。 https://docs.dhtmlx.com/scheduler/snippet/9445edbf

可以通过以下样式修复此行为:

    .dhx_scell_expand{
      position:absolute!important;
    }

同样在 material 皮肤中,它需要一些额外的样式来使其看起来更好,可能看起来像这个片段:

    .dhx_scell_expand{
      position:absolute!important;
    }
    .dhx_scell_name{ 
      margin-left: 26px;
      text-align: left !important;         
    }

当然,您可以对其进行试验以使其适合您的项目。

此外,如果部分名称较长,您可以通过 "dx" 参数更改部分名称列的默认宽度:


scheduler.createTimelineView({
...
    dx: 300, //200 by default
...
});

这是一个带有额外样式和调整大小的名称部分的示例: http://snippet.dhtmlx.com/5/a3da39a40

另外,您可以使用</br>标签分隔节名,通过"folder_dy"改变节的高度属性,通过[=30=对齐多行文本](行高/边距),如下例所示: http://snippet.dhtmlx.com/5/87845739f