Javascript DHTMLX调度程序时间线视图-带有较长文本的标签don';t以树模式显示
我有一个问题,我一时找不到答案 这是关于DHTMLX调度器在树模式下的时间线视图。问题是,文本长度超过树中文件夹元素可用空间的标签(这些元素有子元素)将消失,它们不会显示在时间轴视图的第一列中。我不明白为什么会这样。调度器上是否有某种设置,我没有。需要注意的是,调度程序的样式必须与dhtmlxscheduler_material.css文件或换句话说,material design一起使用。 我还提供了一个模拟问题的代码示例。Javascript DHTMLX调度程序时间线视图-带有较长文本的标签don';t以树模式显示,javascript,timeline,dhtmlx-scheduler,Javascript,Timeline,Dhtmlx Scheduler,我有一个问题,我一时找不到答案 这是关于DHTMLX调度器在树模式下的时间线视图。问题是,文本长度超过树中文件夹元素可用空间的标签(这些元素有子元素)将消失,它们不会显示在时间轴视图的第一列中。我不明白为什么会这样。调度器上是否有某种设置,我没有。需要注意的是,调度程序的样式必须与dhtmlxscheduler_material.css文件或换句话说,material design一起使用。 我还提供了一个模拟问题的代码示例。 此行为可以通过以下样式修复: .dhx_scell_exp
此行为可以通过以下样式修复:
.dhx_scell_expand{
position:absolute!important;
}
同样在材质蒙皮中,它还需要一些额外的样式,以使其看起来更好,这可能类似于以下片段:
.dhx_scell_expand{
position:absolute!important;
}
.dhx_scell_name{
margin-left: 26px;
text-align: left !important;
}
当然,您可以尝试使用它,使其适合您的项目
此外,如果截面名称较长,可以通过“dx”参数更改截面名称列的默认宽度:
scheduler.createTimelineView({
...
dx: 300, //200 by default
...
});
下面是一个带有附加样式和“名称大小调整”部分的示例:
此外,您还可以使用
标记分隔节名,通过“folder\u dy”属性更改节的高度,并通过CSS(行高/边距)对齐多行文字,如以下示例所示:
这是一个很好的开始,但在长标签中手动插入换行符似乎非常麻烦。必须有一个纯css解决方案。