Интеграция с JQuery

При работе с библиотекой JQuery диаграмма Gantt может быть добавлена на страницу с помощью привычного синтаксиса.

Вот как выглядит базовая инициализация диаграммы Gantt с использованием JQuery:

Диаграмма Gantt, инициализированная с помощью JQuery

$(".mygantt").dhx_gantt({
    data:demo_tasks,
    scales:[
        { unit:"year",step:1,format:"%Y"}
    ]
});
$("#gantt1").dhx_gantt().parse(tasksA);
<div class="mygantt" id='gantt1' style='width:100%; height:30%;'></div>

Related sample:  jQuery integration

Подробности:

  • ".mygantt" — CSS-селектор, совместимый с jQuery, который определяет контейнер, в котором будет отображаться диаграмма Gantt
  • Метод dhx_gantt() создает экземпляр dhtmlxGantt. В качестве параметра принимает объект конфигурации:
    • data — (object) набор данных, который будет загружен в диаграмму Gantt
    • scales — (array) список настроек, определяющих временную шкалу

Диаграмма Gantt, инициализированная через jQuery, использует те же параметры конфигурации и API, что и созданная напрямую на JavaScript.

Related sample:  jQuery integration

К началу