init
Description
Инициализирует dhtmlxGantt внутри контейнера
init: (container: string | HTMLElement, from?: Date, to?: Date) => void
Parameters
container- (required) string | HTMLElement - HTML-контейнер (или его id), в котором будет инициализирован объект dhtmlxGantt
Example
gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
gantt.init("gantt_here");
gantt.load("tasks.json");
Details
Использование второго и третьего параметров init() — надёжный способ задать границы отображаемой временной шкалы:
gantt.init("gantt_here", new Date(2027, 8, 10), new Date(2027, 8, 20));
Обратите внимание, что параметры даты в init() являются сокращениями для конфигураций start_date и end_date.
Два приведённых ниже примера кода эквивалентны друг другу:
gantt.init("gantt_here", new Date(2027, 8, 10), new Date(2027, 8, 20));
и
gantt.config.start_date = new Date(2027, 8, 10);
gantt.config.end_date = new Date(2027, 8, 20);
gantt.init("gantt_here");
Что делают эти конфигурации — они задают и ограничивают отображаемый диапазон дат. Задачи, выходящие за пределы указанного диапазона, не будут отображаться.
Использование параметров даты в init(), а также конфигураций start_date и end_date отменяет настройку fit_tasks.
Если вы хотите, чтобы временная шкала динамически подстраивалась под диапазон дат, можно либо пропускать эти параметры, либо управлять диапазоном времени динамически.
Этот метод сбрасывает пользовательские слои, добавленные в область временной шкалы через методы addTaskLayer() и addLinkLayer(). Поэтому после вызова init() необходимо заново определить их, чтобы пользовательские слои отображались на странице.