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

API overview

Gantt methods

NameDescription
PromiseКонструктор для объектов Promise
addCalendarВставляет календарь в Gantt chart
addLinkДобавляет новую зависимость (link)
addLinkLayerОтображает дополнительный слой с кастомными элементами для связей в области timeline
addMarkerДобавляет маркер в область timeline
addShortcutДобавляет новую клавиатурную комбинацию (shortcut)
addTaskДобавляет новую задачу
addTaskLayerОтображает дополнительный слой с пользовательскими элементами для задач в области timeline
adjustTaskHeightForBaselinesКорректирует высоту строки задачи для правильного отображения элементов baseline
alertВызывает окно alert-сообщения
assertЕсли переданное выражение ложно, в правом верхнем углу экрана появляется красный popup с сообщением об ошибке
attachEventПодключает обработчик к внутреннему событию dhtmlxGantt
autoScheduleАвтоматически обновляет расписание проекта
batchUpdateОбновляет несколько задач/связей одновременно
bindСоздаёт новую функцию, которая при вызове имеет ключевое слово this, установленное в указанное значение
calculateDurationВычисляет продолжительность задачи
calculateEndDateВычисляет дату окончания задачи
calculateTaskLevelОпределяет, насколько глубоко задача вложена в иерархию
callEventТриггерит внутреннее событие
changeLightboxTypeОбновляет лайтбокс задачи в зависимости от её типа
changeLinkIdОбновляет id связи
changeTaskIdОбновляет id задачи
checkEventПроверяет, назначены ли обработчики для указанного события
clearAllУдаляет все задачи и дополнительные элементы (например, маркеры) из Gantt chart
clearRedoStackСбрасывает стек, в котором хранятся команды redo
clearUndoStackОчищает стек сохранённых команд отмены
closeЗакрывает ветку, идентифицированную заданным id
collapseПереключает отображение gantt из полноэкранного режима обратно в обычный режим
columnIndexByDateВозвращает индекс колонки, соответствующей заданной дате
confirmОтображает окно confirm с сообщением
copyСоздаёт глубокую копию переданного объекта
correctTaskWorkTimeПересчитывает продолжительность задачи на основе рабочего времени
createCalendarСоздаёт функциональный календарь
createDataProcessorСоздаёт новый экземпляр dataProcessor и связывает его с gantt chart
createDatastoreСоздаёт datastore на основе заданной конфигурации
createTaskДобавляет новую задачу и открывает lightbox для подтверждения
dataProcessorКонструктор dataProcessor
dateFromPosПолучает дату, соответствующую заданной горизонтальной позиции внутри области графика
definedВозвращает false, если переданный аргумент undefined, и true в противном случае
deleteCalendarУдаляет календарь задач по его id
deleteLinkУдаляет указанный dependency link
deleteMarkerУдаляет указанный маркер
deleteTaskУдаляет указанную задачу
destructorОчищает экземпляр gantt
detachAllEventsУдаляет все события из dhtmlxGantt (включая как пользовательские, так и встроенные)
detachEventУдаляет ранее присоединённый обработчик события (добавленный с помощью метода attachEvent())
eachParentПеребирает всех родительских задач для заданной задачи на диаграмме Ганта
eachSelectedTaskПроходит по всем выбранным задачам на диаграмме Ганта
eachTaskПроходит по всем дочерним задачам конкретной задачи или по всему Gantt chart
eventУстанавливает обработчик события на HTML элемент
eventRemoveУдаляет обработчик события с указанного HTML-элемента
expandПереключает диаграмму Ганта в полноэкранный режим, занимая всё пространство экрана.
exportToExcelЭкспортирует данные из Gantt chart в файл Excel
exportToICalЭкспортирует данные из Gantt chart в строку формата iCal
exportToJSONСоздаёт JSON-объект, содержащий структуру и данные диаграммы Ганта
exportToMSProjectЭкспортирует данные из Ганта в MS Project
exportToPDFЭкспортирует диаграмму Ганта в PDF-файл
exportToPNGЭкспортирует диаграмму Ганта в виде PNG изображения
exporttoprimaverap6Экспортирует данные из Gantt chart в Primavera P6
findCyclesВозвращает все циклы зависимостей, найденные в диаграмме
focusАктивирует фокус на gantt
getCalendarПолучает рабочий календарь по его id
getCalendarsПолучает все календари, которые в данный момент добавлены в Gantt
getChildrenПолучает непосредственные дочерние задачи для указанной родительской ветки
getClosestWorkTimeВозвращает ближайшее рабочее время
getColumnIndexВозвращает позицию колонки по её имени
getConnectedGroupВозвращает все задачи и связи, связанные с конкретной задачей
getConstraintLimitationsВозвращает самые ранние и поздние даты, разрешённые ограничением, применённым к задаче
getConstraintTypeВозвращает тип ограничения, применённого к задаче
getDatastoreВозвращает объект конфигурации для datastore
getFreeSlackВозвращает свободный запас времени задачи
getGlobalTaskIndexОпределяет позицию задачи в пределах всего дерева
getGridColumnПолучает объект конфигурации для конкретного столбца
getGridColumnsПолучает колонки диаграммы Ганта
getLabelПолучает label элемента select внутри lightbox
getLastSelectedTaskВозвращает id самой последней выбранной задачи
getLayoutViewПолучает объект layout view по его имени
getLightboxВозвращает HTML-элемент лайтбокса
getLightboxSectionВозвращает объект секции лайтбокса
getLightboxTypeПредоставляет имя текущей активной структуры lightbox
getLightboxValuesПолучает значения из секций lightbox
getLinkПолучает объект зависимости (link) по заданному id
getLinkCountВозвращает количество зависимостей, которые в данный момент отображаются на диаграмме Ганта
getLinkNodeПолучает HTML-элемент, соответствующий указанной ссылке зависимости
getLinksПолучает все ссылки, отображаемые на диаграмме Ганта
getMarkerПолучает объект маркера
getNextВозвращает id следующего элемента, независимо от уровня вложенности, независимо от того, находится ли он на том же уровне или другом
getNextSiblingВозвращает id следующей задачи на том же уровне
getParentПолучает id родительской задачи
getPrevПолучает id предыдущего элемента, независимо от его уровня вложенности - будь то тот же уровень или другой.
getPrevSiblingПолучает id предыдущей задачи на том же уровне
getRedoStackПредоставляет стек сохранённых действий пользователя для повтора (redo)
getResourceAssignmentsВозвращает все задачи, связанные с указанным ресурсом
getResourceCalendarПолучает календарь, назначенный конкретному ресурсу
getScaleВозвращает текущую настройку временной шкалы
getScrollStateПолучает текущую позицию скролла
getSelectedIdВозвращает id текущей выбранной задачи
getSelectedTasksВозвращает массив выбранных в данный момент задач
getShortcutHandlerПолучает функцию-обработчик для навигационного shortcut по клавишам
getSiblingsВозвращает siblings (соседние задачи) для указанной задачи, включая саму задачу
getSlackОпределяет, сколько времени (в текущих единицах длительности) у задачи есть, прежде чем она повлияет на другие задачи
getStateПолучает текущий статус диаграммы Ганта
getSubtaskDatesВычисляет объединённые даты начала/окончания задач, вложенных в проект или другую задачу
getSubtaskDurationВычисляет общую длительность задач, вложенных в проект или другую задачу.
getTaskВозвращает объект задачи
getTaskAssignmentsПолучает разобранные назначения ресурсов для конкретной задачи из хранилища данных
getTaskBarHeightВозвращает высоту (в пикселях) DOM-элемента задачи
getTaskBaselinesПолучает массив базовых линий, связанных с конкретной задачей, из хранилища данных
getTaskByОсуществляет поиск задачи на основе заданных критериев
getTaskByIndexВозвращает задачу на основе её глобального индекса задачи
getTaskByTimeВозвращает список задач, которые выполняются в заданном временном интервале
getTaskByWBSCodeВозвращает задачу по её WBS коду
getTaskCalendarПолучает календарь, связанный с конкретной задачей (календарь, установленный на уровне задачи)
getTaskCountВозвращает общее количество задач, в данный момент загруженных в gantt chart
getTaskHeightВозвращает видимую высоту задачи
getTaskIndexПолучает позицию задачи внутри её ветки
getTaskNodeПолучает HTML-элемент, соответствующий полосе задачи
getTaskPositionОпределяет позицию и размер DOM-элемента задачи внутри области timeline.
getTaskResourcesПолучает список уникальных ресурсов, назначенных конкретной задаче из хранилища данных
getTaskRowNodeВозвращает HTML-элемент, представляющий строку задачи в таблице
getTaskTopПолучает верхнюю позицию DOM-элемента задачи в области timeline
getTaskTypeВозвращает тип задачи
getTotalSlackВозвращает общий slack для задачи
getUndoStackПредоставляет стек сохранённых действий пользователя для отмены (undo)
getVisibleTaskCountВозвращает количество задач, которые в данный момент видны на экране (исключая свернутые)
getWBSCodeВозвращает WBS код (номер структуры) задачи
getWorkHoursПредоставляет рабочие часы для указанной даты
groupByОрганизация задач на основе конкретного свойства задачи
hasChildВозвращает количество дочерних задач
hideCoverУдаляет модальное оверлей lightbox, который блокирует взаимодействие с остальной частью экрана
hideLightboxЗакрывает лайтбокс, если он открыт
hideQuickInfoСкрывает всплывающую форму задачи, если она в данный момент открыта
importFromExcelПреобразует Excel-файл в формат JSON
importFromMSProjectКонвертирует файл MS Project в формате XML или MPP в JSON
importfromprimaverap6Конвертирует XML или XER файл Primavera P6 в формат JSON
initИнициализирует dhtmlxGantt внутри указанного контейнера
isChildOfОпределяет, является ли задача дочерней по отношению к другой задаче
isCircularLinkПроверяет, является ли ссылка цикличной
isCriticalLinkОпределяет, является ли заданная связь критической
isCriticalTaskПроверяет, является ли указанная задача критической
isLinkAllowedПроверяет, является ли указанная ссылка валидной
isLinkExistsПроверяет, существует ли указанный линк
isReadonlyОпределяет, установлен ли для указанной задачи, ссылки или всей диаграммы Ганта режим только для чтения
isSelectedTaskПроверяет, выбрана ли в данный момент указанная задача
isSplitTaskОпределяет, является ли указанная задача разделённой
isSummaryTaskПроверяет, является ли заданная задача сводной задачей
isTaskExistsПроверяет, существует ли задача с указанным ID
isTaskVisibleОпределяет, отображается ли указанная задача в данный момент на диаграмме Ганта
isUnscheduledTaskПроверяет, является ли задача несогласованной (unscheduled)
isWorkTimeОпределяет, попадает ли заданная дата в рабочее время
loadЗагружает данные в Gantt chart из внешнего источника.
locateПолучает id задачи на основе переданного HTML события
mergeCalendarsОбъединяет несколько рабочих календарей в один
messageОткрывает message box заданного типа
mixinСливает свойства из объекта 'source' в объект 'target'
modalboxОткрывает modalbox
moveTaskПеремещает задачу на другую позицию
openОткрывает ветку, идентифицированную заданным id
parseЗагружает данные из клиентского ресурса
pluginsВключает указанные расширения
posFromDateПолучает относительную горизонтальную позицию заданной даты в области графика
redoПовторно применяет изменения, которые были ранее отменены на gantt
refreshDataОбновляет данные в диаграмме Ганта
refreshLinkОбновляет указанный линк
refreshTaskОбновляет задачу и связанные с ней ссылки
removeLinkLayerУдаляет указанный слой, связанный с линком
removeShortcutУдаляет клавиатурный shortcut
removeTaskLayerУдаляет конкретный слой, связанный с задачей
renderРисует весь Gantt chart
renderMarkersОбновляет все маркеры, отображаемые на странице
resetLayoutПерестраивает layout Gantt на основе текущей конфигурации layout
resetLightboxУдаляет текущий HTML-элемент lightbox'а
resetProjectDatesПересчитывает длительность задачи проекта в зависимости от дат её дочерних задач
resetSkinПересчитывает настройки скина на основе связанного CSS файла скина
resizeLightboxПринудительно изменяет размер lightbox
roundDateОкругляет заданную дату до ближайшей даты на основе временного масштаба
roundTaskDatesКорректирует даты начала и окончания задачи, выравнивая их по ближайшим датам на шкале timeline
scrollLayoutCellПеремещает вид layout в указанную позицию
scrollToПрокручивает контейнер Gantt до заданной позиции
selectTaskВыбирает указанную задачу
serializeПреобразует данные в формат JSON или XML
serverListВозвращает список опций
setParentНазначить родительскую задачу для задачи
setSizesИзменяет размер диаграммы Ганта
setSkinИзменяет активный скин
setWorkTimeУстанавливает рабочее время для диаграммы Ганта
showCoverОтображает модальное оверлейное окно (lightbox), которое блокирует взаимодействие с остальной частью экрана
showDateПрокручивает область диаграммы, чтобы сделать указанную дату видимой
showLightboxОткрывает лайтбокс для указанной задачи
showQuickInfoОткрывает всплывающую форму задачи для указанной задачи
showTaskДелает указанную задачу видимой на экране
silentПредотвращает любые внутренние события или вызовы на стороне сервера, которые могут быть вызваны кодом внутри него
sortСортирует задачи в grid
toggleTaskSelectionПереключает состояние выбора указанной задачи - выбирает её, если она не выбрана, или снимает выбор, если она уже выбрана
uidВозвращает уникальный id
undoОтменяет изменения, внесённые в gantt
unselectTaskУдаляет выделение с выбранной задачи
unsetWorkTimeУдаляет настройку рабочего времени в Gantt Chart
updateCollectionОбновляет указанную коллекцию с новыми опциями
updateLinkОбновляет указанный dependency link
updateMarkerОбновляет указанный маркер
updateTaskОбновляет указанную задачу
updateTaskAssignmentsОбновляет свойство resource объекта задачи на основе текущих назначений ресурсов, хранящихся в datastore

Gantt properties

NameDescription
auto_scheduling_compatibilityОтключает использование временных ограничений для задач
auto_schedulingВключает авто-планирование
auto_scheduling_descendant_linksУправляет возможностью создания ссылок от родительских задач (проектов) к их дочерним задачам
auto_scheduling_initialОпределяет, будет ли gantt выполнять автопланирование при загрузке или разборе данных
auto_scheduling_move_projectsОпределяет, будет ли весь проект сдвигаться при планировании (подробности ниже)
auto_scheduling_project_constraintУправляет тем, наследуют ли задачи тип ограничения от своего родительского проекта
auto_scheduling_strictВключает режим авто-планирования, при котором задачи каждый раз перепланируются на максимально раннюю возможную дату
auto_scheduling_use_progressОпределяет, как алгоритмы планирования учитывают выполненные задачи
auto_typesАвтоматически преобразует задачи с подзадачами в проекты и конвертирует проекты без подзадач обратно в задачи
autofitАвтоматически подгоняет ширину колонок grid под ширину grid
autoscrollПозволяет диаграмме Ганта автоматически прокручивать содержимое при перетаскивании задачи или связи за пределы видимой области браузера
autoscroll_speedОпределяет скорость автоскролла (в мс) при перетаскивании задачи или ссылки за пределы текущего видимого окна браузера
autosizeАвтоматически подстраивает размер диаграммы Ганта для отображения всех задач без прокрутки
autosize_min_widthОпределяет минимальную ширину (в пикселях), которую будет иметь диаграмма Ганта при использовании горизонтального режима 'autosize'
bar_heightОпределяет высоту task bars внутри области timeline
bar_height_paddingУправляет отступом вокруг task bar на timeline, когда bar_height установлен в "full"
baselinesНастраивает работу baselines в диаграмме Ганта
branch_loadingПозволяет диаграмме Ганта загружать данные динамически
branch_loading_propertyУказывает, что у задачи есть дочерние задачи, которые ещё не загружены с бэкенда
buttons_leftСодержит набор кнопок, расположенных в левом нижнем углу лайтбокса
buttons_rightСодержит набор кнопок, расположенных в правом нижнем углу лайтбокса
calendar_propertyУстанавливает имя свойства, используемого для связывания календаря с задачей или группой задач
cascade_deleteПозволяет автоматически удалять вложенные задачи и связи при удалении родительской задачи
click_dragВключает расширенное drag-n-drop
columnsНастраивает columns в таблице
constraint_typesСодержит все типы ограничений, которые вы можете использовать
container_resize_methodУказывает, должен ли gantt отслеживать изменение размера контейнера с помощью таймеров
container_resize_timeoutЗадаёт время задержки (в миллисекундах) перед перерисовкой gantt после изменения размера контейнера
correct_work_timeПозволяет корректировать даты начала и окончания задачи так, чтобы они попадали в рабочие часы при перетаскивании
cspУправляет тем, как внутренне реализованы методы форматирования даты
date_formatУказывает формат даты, используемый для интерпретации данных из набора данных и для отправки дат обратно на сервер
date_gridЗадаёт формат отображения дат в колонке "Start time" таблицы
date_scaleЗадаёт формат временной шкалы (ось X)
deadlinesВключает или отключает отображение элементов deadlines для задач
deepcopy_on_parseУправляет тем, создает ли gantt глубокую копию объектов данных, переданных в метод gantt.parse()
details_on_createПозволяет lightbox автоматически открываться при создании новых событий по клику на кнопку '+'.
details_on_dblclickВключает открытие лайтбокса при двойном клике на задачу
drag_lightboxПозволяет перетаскивать lightbox за его заголовок
drag_linksПозволяет создавать зависимые ссылки с помощью drag-and-drop
drag_modeСодержит различные типы режимов drag-and-drop, доступных в системе
drag_moveПозволяет перемещать задачи с помощью drag-and-drop
drag_multipleПозволяет одновременно перетаскивать несколько выбранных задач
drag_progressПозволяет регулировать прогресс задачи с помощью перетаскивания ручки прогресса
drag_projectВключает возможность drag and drop элементов типа project
drag_resizeПозволяет изменять размер задач с помощью drag-and-drop
drag_timelineНастраивает поведение расширения drag_timeline
duration_stepОпределяет, сколько единиц 'gantt.config.duration_unit' составляет одну единицу свойства данных 'duration'.
duration_unitУстанавливает единицу измерения длительности
dynamic_resource_calendarsПозволяет автоматически объединять несколько календарей ресурсов в один
editable_propertyИзменяет имя свойства, которое контролирует возможность редактирования задач или связей в режиме только для чтения в Gantt chart
editor_typesОбъект, содержащий определения для inline редакторов
end_dateОпределяет конечную точку временной шкалы
external_renderВставляет внешний компонент в DOM
fit_tasksСообщает Gantt chart автоматически подстраивать временную шкалу под все отображаемые задачи
grid_elastic_columnsРегулирует ширину колонок внутри скроллируемой grid
grid_resizeПозволяет изменять размер grid, перетаскивая его правую границу
grid_resizer_attributeЗадаёт имя атрибута для DOM-элемента grid resizer'а
grid_resizer_column_attributeУказывает имя атрибута, используемого на DOM-элементе ресайзера колонки. Этот атрибут обозначает индекс колонки
grid_widthЗадаёт ширину grid
highlight_critical_pathВыделяет критический путь на диаграмме
horizontal_scroll_keyУправляет тем, происходит ли горизонтальная прокрутка при использовании клавиши Shift, Alt или Meta вместе с колесиком мыши
inherit_calendarОпределяет, должны ли задачи наследовать рабочие календари от своих родительских задач-итогов
inherit_scale_classКонтролирует, используют ли подшкалы по умолчанию шаблон scale_cell_class
initial_scrollУправляет тем, будет ли область timeline изначально прокручена для отображения самой ранней задачи
inline_editors_date_processingСохраняет длительность задачи при редактировании её даты начала или окончания
inline_editors_multiselect_openУправляет тем, открывается ли inline редактор по одному клику на задачу при активном режиме множественного выбора задач
keep_grid_widthСохраняет исходную ширину grid при изменении размеров колонок
keyboard_navigationВключает keyboard_navigation в gantt
keyboard_navigation_cellsПозволяет осуществлять навигацию с клавиатуры по отдельным ячейкам
layer_attributeОпределяет имя атрибута для DOM-элемента слоя задачи
layoutОпределяет объект layout
lightboxОпределяет объект lightbox
lightbox_additional_heightДобавляет дополнительную высоту к лайтбоксу
link_arrow_sizeУстанавливает размер стрелки ссылки
link_attributeОпределяет имя атрибута, используемого для указания id HTML-элемента ссылки
link_line_widthРегулирует толщину связей зависимостей в секции timeline
link_radiusУправляет радиусом скругления углов линий связей в timeline
link_wrapper_widthОпределяет ширину кликабельной области вокруг ссылки
linksХранит типы зависимостей links
min_column_widthОпределяет минимальную ширину колонки в области timeline
min_durationОпределяет минимальную продолжительность (в миллисекундах), разрешённую для задачи при изменении её размера.
min_grid_column_widthЗадаёт минимальную ширину для каждого столбца grid (в пикселях) при изменении размера grid
min_task_grid_row_heightОпределяет минимальную высоту строки задачи при изменении размера
multiselectУправляет возможностью выбора нескольких задач одновременно на диаграмме Ганта
multiselect_one_levelУправляет тем, ограничивается ли множественный выбор задач одним уровнем или может охватывать несколько уровней
open_split_tasksПозволяет разворачивать или сворачивать split задачи при клике на кнопку +/-
open_tree_initiallyОткрывает все ветви по умолчанию
order_branchВключает режим 'branch' для вертикального переставления задач на одном уровне дерева
order_branch_freeВключает режим 'branch', который позволяет менять порядок задач в любом месте всего gantt chart
placeholder_taskДобавляет пустую строку в конце списка задач, чтобы упростить редактирование задач с клавиатуры
preserve_scrollСохраняет текущие вертикальные и горизонтальные позиции скролла при перерисовке gantt chart
prevent_default_scrollУправляет тем, должен ли контейнер gantt блокировать событие mousewheel или позволять ему распространяться на элемент window
process_resource_assignmentsВключает или отключает разбор назначений ресурсов
project_endУстанавливает дату окончания проекта
project_startУстанавливает дату начала проекта
quick_info_detachedУправляет тем, будет ли форма задачи появляться, выезжая слева или справа от экрана, либо непосредственно рядом с выбранной задачей
quickinfo_buttonsСодержит набор кнопок, отображаемых в всплывающей форме с деталями задачи
readonlyВключает режим только для чтения для диаграммы Ганта
readonly_propertyУстанавливает имя свойства, которое контролирует статус readonly для задач и связей
redoПозволяет использовать функцию Redo в диаграмме Ганта
reorder_grid_columnsПозволяет изменять порядок колонок в grid с помощью drag and drop
resize_rowsПозволяет изменять высоту строк путем их перетаскивания
resource_assignment_storeОпределяет имя datastore, который хранит назначения ресурсов
resource_attributeОпределяет имя атрибута, который Gantt использует для идентификации ресурса, соответствующего строке задачи в resource grid или timeline.
resource_calendarsОбеспечивает возможность определения рабочих календарей, которые могут быть связаны с конкретными ресурсами, такими как пользователи
resource_propertyОпределяет, какое свойство объекта задачи содержит id ресурса, связанного с resourceGrid/Timeline/Histogram/Calendar
resource_render_empty_cellsПозволяет resource timeline отображать элементы и использовать шаблоны для ячеек без назначенных задач
resource_storeУказывает имя dataStore, связанного с представлениями resourceGrid/resourceTimeline/resourceHistogram
resourcesОпределяет дополнительные настройки для resource store
root_idЗадаёт id виртуального корневого элемента
round_dnd_datesПозволяет округлять даты начала и окончания задачи до ближайших отметок шкалы
row_heightУстанавливает высоту строк по умолчанию в таблице
rtlПереключает gantt в режим справа налево
scale_heightРегулирует высоту time scale и заголовка grid
scale_offset_minimalУправляет использованием минимальной единицы шкалы (при использовании нескольких шкал) в качестве размера ведущего и завершающего пустого пространства
scale_unitОпределяет единицу измерения временной шкалы на оси X
scalesНастраивает конфигурацию временной шкалы
schedule_from_endВключает обратное планирование
scroll_on_clickОпределяет, должна ли таймлайн прокручиваться для отображения выбранной задачи при клике
scroll_sizeУстанавливает размер вертикального (ширина) и горизонтального (высота) скроллбаров
select_taskПозволяет выбирать задачи на диаграмме Ганта
server_utcПозволяет конвертировать серверные даты между UTC и локальными часовыми поясами при обмене данными с сервером
show_chartУправляет видимостью секции timeline в диаграмме Ганта
show_empty_stateУправляет отображением плейсхолдера внутри grid, когда он пустой
show_errorsВключает оповещения об ошибках при неожиданном возникновении проблем
show_gridУправляет видимостью области grid диаграммы Ганта
show_linksВключает или отключает отображение ссылок в Gantt chart
show_markersУправляет видимостью маркеров на странице
show_progressПозволяет отображать прогресс внутри task bars
show_quick_infoВключает или отключает расширение 'quick_info' (всплывающее окно с деталями задачи)
show_task_cellsВключает или отключает отображение границ колонок в области графика
show_tasks_outside_timescaleПозволяет отображать задачи, которые выходят за пределы заданного диапазона дат на диаграмме Ганта
show_unscheduledПозволяет переключать видимость незапланированных задач
skip_off_timeСкрывает нерабочее время с временной шкалы
smart_renderingАктивирует режим smart rendering для отображения задач и связей в gantt
smart_scalesУказывает, что на экране отображается только видимая часть временной шкалы
sortПозволяет выполнять сортировку внутри таблицы
start_dateОпределяет, с какого момента начинается временная шкала
start_on_mondayУстанавливает первый день недели
static_backgroundСоздает фоновое изображение для секции timeline вместо прямого рисования линий колонок и строк
static_background_cellsПозволяет отображать выделенные ячейки при использовании режима static_background
stepОпределяет шаг временной шкалы (ось X)
task_attributeОпределяет имя атрибута, используемого для указания id HTML-элемента задачи
task_dateОпределяет формат отображения даты в метке, показанной в разделе «Time period» в лайтбоксе
task_grid_row_resizer_attributeОпределяет имя атрибута, используемого в DOM-элементе ресайзера для строки grid, указывающего индекс строки
task_heightУправляет высотой task bar в области timeline
task_scroll_offsetОпределяет смещение (в пикселях) для ближайшей задачи от левого края timeline
time_pickerОпределяет формат для выпадающего селектора времени в lightbox
time_stepЗадаёт минимальный шаг (в минутах) для временных значений задачи
timeline_placeholderОтображает фоновую grid, когда timeline пустой
tooltip_hide_timeoutУстанавливает, как долго, в миллисекундах, тултип остаётся видимым перед тем, как исчезнуть
tooltip_offset_xРегулирует горизонтальное смещение позиции tooltip вправо при установке положительного значения
tooltip_offset_yРегулирует вертикальное смещение позиции tooltip, сдвигая его вниз при положительном значении
tooltip_timeoutЗадаёт задержку в миллисекундах перед появлением tooltip для задачи
touchУправляет включением или отключением поддержки touch для диаграммы Ганта
touch_dragУстанавливает период времени в миллисекундах для разграничения долгого тача от жеста прокрутки
touch_feedbackВключает вибрационную отдачу до или после действий drag and drop на touch-устройствах
touch_feedback_durationОпределяет, как долго длится вибрационная обратная связь до или после действий drag and drop на touch-устройствах (измеряется в миллисекундах)
type_renderersПереопределяет функции, отвечающие за отображение различных типов задач
typesХранит имена структур lightbox (используются для разных типов задач)
undoВключает функцию Undo для gantt
undo_actionsОпределяет действия, которые функция Undo будет отменять
undo_stepsУказывает, на сколько шагов метод undo откатит изменения
undo_typesУстанавливает, какие типы сущностей будут затронуты действием Undo
wai_aria_attributesВключает поддержку WAI-ARIA, чтобы компонент мог корректно распознаваться экранными читалками
wheel_scroll_sensitivityУправляет скоростью прокрутки gantt при использовании колесика мыши
wide_formРазмещает секцию и её метку бок о бок на одной строке
work_timeВычисляет длительность задач на основе рабочего времени, а не календарного времени
xml_dateОпределяет форматы даты, используемые для парсинга данных из набора данных и отправки данных на сервер

Gantt events

NameDescription
onAfterAutoScheduleСрабатывает после завершения процесса автопланирования.
onAfterBatchUpdateВызывается сразу после завершения метода batchUpdate
onAfterBranchLoadingКогда включена динамическая подгрузка, это событие срабатывает сразу после того, как ветка задач загрузилась на странице.
onAfterLightboxСрабатывает один раз, когда пользователь закрывает лайтбокс (форму редактирования)
onAfterLinkAddСрабатывает сразу после добавления новой связи в диаграмму Ганта
onAfterLinkDeleteСрабатывает сразу после того, как пользователь удаляет связь
onAfterLinkUpdateСрабатывает сразу после того, как пользователь изменяет ссылку
onAfterQuickInfoСрабатывает после закрытия всплывающей формы редактирования
onAfterRedoСрабатывает сразу после выполнения метода redo()
onAfterRowResizeСрабатывает после изменения высоты строки
onAfterSortСрабатывает после того, как задачи в grid были отсортированы
onAfterTaskAddСрабатывает сразу после добавления задачи в Gantt chart
onAfterTaskAutoScheduleСрабатывает для каждой задачи, которая была автоматически запланирована
onAfterTaskDeleteСрабатывает сразу после того, как пользователь удаляет задачу
onAfterTaskDragСрабатывает после того, как пользователь закончил перетаскивание и отпустил кнопку мыши
onAfterTaskMoveСрабатывает сразу после того, как задача была перемещена на новую вертикальную позицию
onAfterTaskUpdateСрабатывает сразу после того, как пользователь обновляет задачу
onAfterUndoСрабатывает сразу после выполнения метода undo()
onAjaxErrorСрабатывает, когда сервер возвращает ошибку
onAutoScheduleCircularLinkСрабатывает при обнаружении циклов зависимостей во время авторасписания
onBeforeAutoScheduleСрабатывает непосредственно перед началом авторасписания
onBeforeBatchUpdateСрабатывает непосредственно перед выполнением метода batchUpdate
onBeforeBranchLoadingКогда включена динамическая загрузка, это событие срабатывает сразу после того, как пользователь раскрывает ветку задачи, но до начала процесса загрузки.
onBeforeCollapseСрабатывает непосредственно перед выходом gantt из полноэкранного режима и возвратом к обычному виду
onBeforeDataRenderСрабатывает непосредственно перед отображением данных на странице
onBeforeExpandСрабатывает непосредственно перед переключением диаграммы Ганта в полноэкранный режим
onBeforeGanttReadyСрабатывает непосредственно перед началом инициализации dhtmlxGantt
onBeforeGanttRenderСрабатывает непосредственно перед тем, как Gantt chart будет отрисован на странице
onBeforeLightboxСрабатывает непосредственно перед открытием lightbox (формы редактирования)
onBeforeLinkAddВызывается непосредственно перед добавлением новой связи в Gantt диаграмму
onBeforeLinkDeleteСрабатывает непосредственно перед удалением связи пользователем
onBeforeLinkDisplayСрабатывает после загрузки связей в Gantt chart, но непосредственно перед их отображением на экране
onBeforeLinkUpdateСрабатывает непосредственно перед обновлением линка
onBeforeMultiSelectСрабатывает непосредственно перед выбором одной или нескольких задач
onBeforeParseСрабатывает непосредственно перед началом парсинга данных
onBeforeRedoСрабатывает непосредственно перед выполнением метода redo()
onBeforeRedoStackСрабатывает непосредственно перед тем, как действие будет добавлено в redo stack
onBeforeRollupTaskDisplayСрабатывает непосредственно перед отображением rollup задачи на её родительском проекте
onBeforeRowDragEndСрабатывает, когда пользователь отпускает строку внутри grid.
onBeforeRowDragMoveСрабатывает непосредственно перед вертикальным перетаскиванием строки в grid на новое место
onBeforeRowResizeСрабатывает непосредственно перед тем, как пользователь начинает изменять высоту строки с помощью drag-and-drop
onBeforeRowResizeEndСрабатывает непосредственно перед завершением процесса изменения высоты строки
onBeforeSplitTaskDisplayСрабатывает непосредственно перед отображением сегмента разбитой задачи на диаграмме Ганта
onBeforeTaskAddСрабатывает непосредственно перед добавлением новой задачи в Gantt chart
onBeforeTaskAutoScheduleСрабатывает для каждой задачи, которая переназначается
onBeforeTaskChangedСрабатывает после того, как пользователь закончил перетаскивание и отпустил кнопку мыши, но до применения каких-либо изменений
onBeforeTaskDeleteСрабатывает непосредственно перед удалением задачи пользователем
onBeforeTaskDisplayСрабатывает сразу после загрузки задач в Gantt chart, но непосредственно перед их отображением
onBeforeTaskDragСрабатывает сразу после того, как пользователь нажимает кнопку мыши и начинает перетаскивание, но до того, как dhtmlxGantt начнет процесс drag-and-drop.
onBeforeTaskMoveСрабатывает непосредственно перед изменением вертикального положения задачи
onBeforeTaskMultiSelectСрабатывает непосредственно перед изменением состояния выбора задачи (когда задача собирается быть выбрана или снята с выбора).
onBeforeTaskSelectedСрабатывает непосредственно перед выбором задачи
onBeforeTaskUpdateСрабатывает непосредственно перед обновлением задачи пользователем
onBeforeUndoСрабатывает непосредственно перед выполнением метода undo()
onBeforeUndoStackСрабатывает непосредственно перед тем, как действие будет добавлено в undo стек.
onCircularLinkErrorСрабатывает при обнаружении циклической ссылки и невозможности продолжить авторасписание
onClearВызывается после того, как все задачи были удалены из Gantt диаграммы с помощью метода clearAll
onCollapseСрабатывает, когда представление gantt переключается из полноэкранного режима обратно в обычный режим.
onColumnResizeСрабатывает, когда пользователь перетаскивает границу колонки для изменения её ширины
onColumnResizeEndСрабатывает один раз, когда пользователь заканчивает перетаскивать границу колонки для изменения её ширины
onColumnResizeStartСрабатывает непосредственно перед тем, как пользователь начинает перетаскивать границу колонки для её изменения размера
onContextMenuСрабатывает, когда пользователь кликает правой кнопкой мыши внутри диаграммы Ганта (подробности см. ниже)
onDataProcessorReadyСрабатывает при вызове dp.init(gantt)
onDataRenderСрабатывает сразу после того, как данные были отображены на странице
onDestroyСрабатывает один раз после очистки диаграммы Ганта с помощью метода destructor
onEmptyClickСрабатывает, когда пользователь кликает по пустой области внутри диаграммы Ганта (вне задач)
onErrorСрабатывает каждый раз, когда assert возвращает значение 'false', что означает, что утверждение не прошло проверку.
onExpandСрабатывает при переключении gantt в полноэкранный режим
onGanttLayoutReadyСрабатывает один раз, когда layout диаграммы Ганта настроен, но перед его отрисовкой
onGanttReadyСрабатывает, когда dhtmlxGantt завершил инициализацию, хотя сам Gantt chart ещё не отображён на странице
onGanttRenderСрабатывает после того, как диаграмма Ганта полностью отрисовалась на странице
onGanttScrollСрабатывает при прокрутке Gantt-диаграммы до определённой позиции
onGridHeaderClickСрабатывает при клике пользователя на заголовок grid
onGridResizeСрабатывает, когда пользователь перетаскивает границу grid для изменения его размера
onGridResizeEndСрабатывает сразу после того, как пользователь завершает перетаскивание границы grid для изменения его размера
onGridResizeStartСрабатывает непосредственно перед тем, как пользователь начнёт перетаскивать границу grid для изменения его размера
onLightboxСрабатывает один раз, когда пользователь открывает lightbox (форму редактирования)
onLightboxButtonСрабатывает, когда пользователь нажимает на кастомную кнопку внутри lightbox
onLightboxCancelСрабатывает, когда пользователь нажимает кнопку «Cancel» в лайтбоксе
onLightboxChangeСрабатывает при обновлении структуры lightbox
onLightboxDeleteСрабатывает, когда пользователь нажимает кнопку «Delete» в лайтбоксе
onLightboxSaveСрабатывает, когда пользователь нажимает кнопку «Save» в лайтбоксе
onLinkClickСрабатывает при клике пользователя по ссылке
onLinkCreatedСрабатывает, когда пользователь устанавливает новую связь между задачами
onLinkDblClickСрабатывает при двойном клике на ссылку
onLinkIdChangeСрабатывает при обновлении id ссылки
onLinkValidationСрабатывает, когда пользователь добавляет новую ссылку, и dhtmlxGantt проверяет, является ли ссылка валидной
onLoadEndСрабатывает один раз, когда загрузка данных из источника полностью завершена
onLoadStartСрабатывает непосредственно перед началом процесса загрузки данных из источника данных
onMouseMoveСрабатывает при перемещении мыши над контейнером gantt
onMultiSelectСрабатывает после завершения выбора одной или нескольких задач
onOptionsLoadСрабатывает сразу после загрузки набора опций с сервера, но до их парсинга
onParseСрабатывает после того, как данные были распарсены (готовы для API), но до того, как они отображаются в Gantt chart
onQuickInfoСрабатывает при отображении всплывающей формы редактирования
onRowDragEndСрабатывает после того, как пользователь отпускает строку, которая была перемещена вертикально в grid
onRowDragStartСрабатывает непосредственно перед тем, как строка в grid будет перетащена для вертикального изменения порядка
onRowResizeСрабатывает, когда пользователь перетаскивает границу строки для изменения её высоты
onScaleAdjustedСрабатывает при повторном рендеринге масштаба для обеспечения полной видимости всех задач
onScaleClickСрабатывает, когда пользователь кликает на ячейку в тайм-скейле
onTaskClickСрабатывает, когда пользователь кликает на строку задачи в области grid (включая кнопки 'expand/collapse' и 'add task') или на task bar в области timeline.
onTaskClosedСрабатывает при закрытии ветки
onTaskCreatedВызывается, когда пользователь добавляет новую задачу, нажимая кнопку '+' в grid, или когда вызывается метод createTask
onTaskDblClickСрабатывает при двойном клике на задаче
onTaskDragСрабатывает, когда пользователь перетаскивает задачу
onTaskIdChangeСрабатывает при обновлении ID задачи
onTaskLoadingСрабатывает при загрузке задачи из источника данных.
onTaskMultiSelectСрабатывает при изменении статуса выбора задачи (когда задача выбирается или снимается выбор)
onTaskOpenedСрабатывает при открытии ветки
onTaskRowClickСрабатывает, когда пользователь кликает на строку в таблице
onTaskSelectedСрабатывает, когда пользователь выбирает задачу
onTaskUnselectedСрабатывает, когда пользователь снимает выделение с задачи, выбрав другую
onTemplatesReadyСрабатывает, когда шаблоны dhtmlxGantt были инициализированы

Gantt templates

NameDescription
baseline_textОпределяет текст, отображаемый внутри элемента baseline
date_gridОпределяет содержимое, отображаемое в колонках, показывающих даты (возвращающих значения Date) внутри grid
drag_link_classОпределяет CSS класс, применяемый к всплывающему окну (tooltip), которое показывается, когда пользователь перетаскивает ссылку.
drag_linkОпределяет текст tooltip, отображаемый при создании новой зависимости (dependency link)
format_dateПреобразует объект даты в строку даты. Это полезно при отправке данных обратно на сервер.
grid_blankОпределяет пользовательский контент, который отображается перед метками дочерних элементов в колонке дерева
grid_date_formatОпределяет, как отображаются даты в колонках, которые показывают значения даты (возвращает значения типа Date)
grid_fileОпределяет иконку для дочерних элементов в колонке дерева
grid_folderОпределяет иконку, используемую для родительских элементов в tree колонке
grid_header_classОпределяет CSS класс, который будет назначен заголовкам колонок таблицы
grid_indentКонтролирует отступ дочерних элементов внутри ветки в tree column
grid_openУказывает иконку, используемую для индикатора открытия/закрытия в колонке дерева
grid_row_classОпределяет CSS-класс, который присваивается строке grid
histogram_cell_allocatedУстанавливает высоту заполненной части в resourceHistogram
histogram_cell_capacityОпределяет высоту линии, которая отображает доступную ёмкость ресурса
histogram_cell_classОпределяет CSS класс, применяемый к ячейке в панели ресурсов
histogram_cell_labelОпределяет label, отображаемый внутри ячейки
leftside_textОпределяет текст, отображаемый с левой стороны task bars
lightbox_headerЗадаёт header для lightbox
link_classОпределяет CSS класс, назначаемый ссылке
link_descriptionЗадаёт текст, отображаемый в заголовке окна подтверждения удаления связи
marker_classОпределяет CSS класс, назначаемый маркерам
parse_dateПреобразует строку с датой в объект Date
progress_textОпределяет текст, отображаемый в завершённой части task bar
quick_info_classОпределяет CSS класс, который применяется к всплывающей форме редактирования
quick_info_contentОпределяет, что отображается в всплывающей форме редактирования
quick_info_dateЗадаёт дату, отображаемую в pop-up форме редактирования
quick_info_titleЗадаёт заголовок для всплывающей формы редактирования
resource_cell_classОпределяет CSS классы для ячеек в представлении resource timeline
resource_cell_valueЗадаёт HTML-содержимое для ячеек в ресурсной временной шкале
rightside_textОпределяет текст, который отображается с правой стороны на полосах задач
scale_cell_classОпределяет CSS класс, который будет назначен ячейкам в шкале времени области timeline
scale_row_classОпределяет CSS-класс, применяемый к шкале времени
task_classОпределяет CSS класс, который применяется к task bars
task_dateОпределяет формат даты, используемый для метки в разделе «Time period» в лайтбоксе
task_end_dateУправляет тем, как отображаются даты окончания задач в lightbox
task_row_classУстанавливает CSS класс, который применяется к строке в области timeline
task_textЗадаёт текст, отображаемый в task bars и в заголовке lightbox
task_timeОпределяет диапазон дат, отображаемый в заголовке lightbox
task_unscheduled_timeУстанавливает даты для незапланированных задач
timeline_cell_classОпределяет CSS класс, который применяется к ячейкам внутри области timeline
timeline_cell_contentПозволяет задавать пользовательский HTML-контент внутри ячеек timeline
time_pickerОпределяет формат, используемый для выпадающего селектора времени в lightbox
tooltip_date_formatОпределяет, как отображаются даты начала и окончания в tooltip
tooltip_textЗадаёт текст, отображаемый в tooltip'ах
xml_dateЭтот шаблон преобразует строку из XML-файла в объект даты на основе заданного формата.
xml_formatПреобразует объект даты в строку по заданному шаблону. Используется для отправки данных обратно на сервер.

Gantt others

NameDescription
$clickИзменяет действия по умолчанию при клике на кнопки в диаграмме Ганта
ajaxМодуль gantt ajax
calendarИнтерфейс для объекта рабочего календаря
configОпределяет параметры конфигурации для дат, шкалы, элементов управления
constantsСодержит различные constants для избежания использования magic numbers в коде
dataprocessorНабор методов dataprocessor
datastoreКоллекция методов datastore
dateНабор утилит для форматирования date
envКоллекция флагов, указывающих на текущее окружение
extОбъект, который содержит различные расширения
form_blocksОбъект, содержащий элементы управления лайтбоксом
i18nКоллекция методов, предназначенных для локализации Gantt chart
ignore_timeСкрывает единицу времени на временной шкале
jsonОбрабатывает сериализацию и парсинг JSON
keysОпределяет горячие клавиши для диаграммы Ганта
licenseВозвращает название license dhtmlxGantt
localeОбъект locale, используемый в данный момент, содержащий регионально-специфичные подписи для Gantt chart
oldxmlОбрабатывает сериализацию и парсинг XML формата в dhtmlxGantt 1.0
skinПредоставляет текущий skin, применённый к Gantt chart
skinsПредоставляет доступные объекты skin
templatesНастраивает форматирующие templates для дат, заголовков и тултипов в диаграмме Ганта
treeDatastoreКоллекция методов treeDatastore
utilsРазличные вспомогательные модули
versionПредоставляет текущую версию dhtmlxGantt
xmlОпределяет сериализацию и парсинг XML