updateTask
Description
Aktualisiert die angegebene Aufgabe
updateTask: (id: string | number, newState?: Task) => void
Parameters
id- (required) string | number - die Aufgaben-IDnewState- (optional) Task - die neuen Werte der Aufgabe
Example
const taskId = gantt.addTask({
id: 10,
text: "Task #10",
start_date: "2027-04-02",
duration: 8,
parent: 1
});
gantt.getTask(taskId).text = "Task #13"; // changes task data
gantt.updateTask(taskId); // renders the updated task
Details
Die Methode löst das onAfterTaskUpdate Event aus.
Die Methode löst den DataProcessor aus, wenn der DataProcessor aktiviert ist.
Diese Methode sollte aufgerufen werden, nachdem das Task-Objekt geändert wurde, um den Zustand des Gantt zu aktualisieren, relevante UI-Elemente neu zu zeichnen und die Änderungen an das Backend zu senden.
Wenn Sie diese Methode aufrufen, wird das onAfterTaskUpdate Event ausgelöst, was zusätzliche Neuberechnungen nach sich ziehen kann.
Wenn Sie den DataProcessor verwenden, löst der Aufruf dieser Methode eine Update-Anfrage an den Server aus.
Für visuelle Änderungen, die kein Speichern erfordern, verwenden Sie stattdessen die Methode refreshTask(). Dadurch wird die Aufgabe neu gezeichnet, ohne zusätzliche Berechnungen auszulösen.
gantt.templates.task_class = (startDate, endDate, task) => task.$active ? "active_task" : "";
gantt.attachEvent("onTaskClick", (taskId, event) => {
gantt.getTask(taskId).$active = true;
gantt.refreshTask(taskId);
});
Sie können auch die vorhandene Aufgabe durch Festlegen eines neuen Task-Objekts als zweiten Parameter der updateTask()-Methode ersetzen:
const updatedTask = {
id: 2,
text: 'New task text',
start_date: new Date(2025, 3, 2),
end_date: new Date(2025, 3, 4),
$source: [1],
$target: [2]
};
gantt.updateTask(2, updatedTask);
Beispiel: Aktualisieren der Aufgabe