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
Использование второго и третьего параметров метода — эффективный способ задать границы временного масштаба:
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.
If you want the time scale to be dynamically adjusted according to the date range, you can either skip these parameters or manage the time range dynamically.
Этот метод сбрасывает пользовательские слои, добавленные на область временной шкалы с помощью методов addTaskLayer и addLinkLayer. Поэтому после вызова метода gantt.init необходимо заново определить эти слои, чтобы пользовательские слои отображались на странице.