addTask

fügt eine neue Aufgabe hinzu

string| number addTask(NewTask task, [string | number parent,number index] );

task	NewTask	das Aufgabenobjekt
parent	string \| number	optional, die ID des übergeordneten Elements
index	number	optional, die Position, an der die Aufgabe eingefügt wird (0 oder höher)

string| number

die ID der Aufgabe

Example

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

Details

Wenn Sie den Parameter index mit einem Wert von 0 oder höher angeben, wird die Aufgabe an dieser bestimmten Stelle innerhalb des Zweigs eingefügt. Lassen Sie ihn weg, wird die Aufgabe einfach am Ende des Zweigs hinzugefügt.

Diese Methode löst die Events onBeforeTaskAdd und onAfterTaskAdd aus.

Beachten Sie, dass wenn Sie das Speichern einer Aufgabe vermeiden möchten – zum Beispiel wenn ein Benutzer im Lightbox-Dialog abbricht – Sie stattdessen die Methode createTask verwenden sollten, welche das Event onTaskCreated auslöst.

Verhindern, dass Aufgaben auf bestimmten Ebenen hinzugefügt werden

Eine einfache Möglichkeit, Benutzern das Hinzufügen von Unteraufgaben unter bestimmten Aufgaben zu verwehren, besteht darin, den 'Add'-Button per CSS auszublenden.

Weisen Sie zunächst jeder Aufgabenzeile eine CSS-Klasse mit der Vorlage grid_row_class zu:

gantt.templates.grid_row_class = (start, end, task) => {
    if (task.$level > 1) {
        return "nested_task";
    }
    return "";
};

Blenden Sie anschließend den 'Add'-Button für diese Zeilen aus:

.nested_task .gantt_add{
    display: none !important;
}