addTask
Description
Fügt eine neue Aufgabe hinzu
addTask: (task: TaskInput, parent?: string | number, index?: number) => string | number
Parameters
task- (required) TaskInput - das Task-Objektparent- (optional) string | number - die ID des Elternteilstask- (optional) number - die Position, in die die Aufgabe hinzugefügt wird (0 oder größer)
Returns
id- (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 index-Parameter mit dem Wert von 0 oder größer setzen, wird eine Aufgabe an der angegebenen Position im Zweig hinzugefügt. Andernfalls wird die Aufgabe am Ende des Aufgaben-Zweigs hinzugefügt.
Die Methode löst die Ereignisse onBeforeTaskAdd und onAfterTaskAdd aus.
Hinweis: Falls Sie die Aufgabe in dem Fall, z. B. falls der Benutzer im Lightbox-Dialog auf 'Abbrechen' klickt, nicht speichern möchten, verwenden Sie die createTask Methode und das onTaskCreated Ereignis, das von dieser Methode ausgelöst wird.
Preventing from adding tasks to certain levels
Eine einfache Möglichkeit, Benutzer daran zu hindern, Unteraufgaben zu bestimmten Aufgaben hinzuzufügen, besteht darin, die 'Add'-Schaltfläche per CSS auszublenden.
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;
}
Beispiel Vordefinierte Projektstruktur