Перейти к основному содержимому

init

Description​

Инициализирует dhtmlxGantt внутри указанного контейнера

init: (container: string | HTMLElement, from?: Date, to?: Date) => void

Parameters​

  • container - (required) string | HTMLElement - HTML-контейнер (или его id), в котором будет создан dhtmlxGantt
  • from - (optional) Date - начальная точка временной шкалы (ось X)
  • to - (optional) Date - конечная точка временной шкалы (ось X)

Example​

gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";

gantt.init("gantt_here");
gantt.load("tasks.json");

Details​

Передача второго и третьего аргументов в этот метод - простой способ задать границы временной шкалы:

gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));

Учтите, что параметры даты в gantt.init служат сокращением для конфигураций start_date и end_date. Два приведённых ниже примера дают одинаковый результат:

gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));

и

gantt.config.start_date = new Date(2023, 08, 10);
gantt.config.end_date = new Date(2023, 08, 20);
gantt.init("gantt_here");

Эти настройки определяют и ограничивают видимый диапазон дат. Задачи вне этого диапазона отображаться не будут.

Использование аргументов даты в gantt.init или конфигураций start_date и end_date переопределяет опцию fit_tasks.

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

заметка

Этот метод сбрасывает любые пользовательские слои, добавленные в область таймлайна через методы addTaskLayer и addLinkLayer. Поэтому после вызова gantt.init потребуется повторно применить эти пользовательские слои, чтобы они отображались на странице.