Представление временной шкалы DHTMLX Scheduler - метки с более длинным текстом не отображаются в древовидном режиме - PullRequest
0 голосов
/ 26 марта 2020

У меня есть вопрос, на который я не могу найти ответ в течение некоторого времени.

Речь идет о представлении временной шкалы планировщика DHTMLX в древовидном режиме. Проблема состоит в том, что метки с более длинным текстом, чем доступное пространство для элементов папки дерева (у которых есть дочерние элементы), исчезают, они не отображаются в первом столбце представления временной шкалы. Я не могу понять, почему это происходит. Есть ли какая-то настройка в планировщике, которую мне не хватает. Важно отметить, что стилизация планировщика должна выполняться с помощью файла dhtmlxscheduler_material. css или, другими словами, дизайна материала. Вот изображение планировщика с показанной проблемой.

Я также предоставляю пример кода, который имитирует проблему. https://docs.dhtmlx.com/scheduler/snippet/9445edbf

1 Ответ

0 голосов
/ 02 апреля 2020

Это поведение можно исправить с помощью следующего стиля:

    .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
...
});

Вот пример с дополнительным оформлением и разделом с измененными именами: http://snippet.dhtmlx.com/5/a3da39a40

Кроме того, вы можете отделить имя раздела, используя тег </br>, измените высоту сечения с помощью свойства folder_dy и выровняйте многострочный текст по CSS (line-height / margin), как в следующем примере: http://snippet.dhtmlx.com/5/87845739f

...