addTask

добавляет новую задачу

string| number addTask(NewTask task, [string | number parent,number index] );
taskNewTaskобъект задачи
parentstring | numberопционально, id родительской задачи
indexnumberопционально, позиция, на которую будет вставлена задача (0 или больше)
string| numberid задачи

Example

const taskId = gantt.addTask({
    id: 10,
    text: "Task #5",
    start_date: "02-09-2025",
    duration: 28
}, "project_2", 1);

Details

Если вы укажете параметр index со значением 0 или больше, задача будет вставлена именно в эту позицию внутри ветки. Если параметр опущен, задача будет добавлена в конец ветки.

Этот метод вызывает события onBeforeTaskAdd и onAfterTaskAdd.

Учтите, если вы хотите избежать сохранения задачи — например, если пользователь отменяет действие в lightbox — рассмотрите возможность использования метода createTask, который вызывает событие onTaskCreated.

Предотвращение добавления задач на определённые уровни

Простой способ запретить пользователям добавлять подзадачи под определёнными задачами — скрыть кнопку 'Add' с помощью CSS.

  1. Для начала назначьте CSS класс каждой строке задачи, используя шаблон grid_row_class:
    gantt.templates.grid_row_class = (start, end, task) => {
        if (task.$level > 1) {
            return "nested_task";
        }
        return "";
    };
  2. Затем скройте кнопку 'Add' для этих строк:
    .nested_task .gantt_add{
        display: none !important;
    }

Related sample:  Predefined Project Structure

See also
К началу