Zum Hauptinhalt springen

updateTask

Description​

Aktualisiert die angegebene Aufgabe

updateTask: (id: string | number, newState?: Task) => void

Parameters​

  • id - (required) string | number - die Aufgaben-ID
  • newState - (required) Task - die neuen Werte der Aufgabe

Example​

var taskId = gantt.addTask({
    id:10,
    text:"Task #10",
    start_date:"02-04-2013",
    duration:8,
    parent:1
});

gantt.getTask(taskId).text = "Task #13"; //ändert die Daten der Aufgabe
gantt.updateTask(taskId); //wendet die Änderungen an und aktualisiert die Aufgabe

Details​

Hinweis

Die Methode löst das Event onAfterTaskUpdate aus.

Hinweis

Wenn dataProcessor aktiviert ist, wird diese Methode diesen ebenfalls aktivieren.

Diese Methode sollte aufgerufen werden, nachdem Änderungen am Aufgabenobjekt vorgenommen wurden. Sie aktualisiert den internen Zustand des Gantt, aktualisiert die relevanten UI-Teile und sendet die aktualisierten Informationen an das Backend.

Beim Aufruf wird das Event onAfterTaskUpdate ausgelöst, das weitere Neuberechnungen initiieren kann.

Wenn Sie mit dem DataProcessor arbeiten, sendet der Aufruf dieser Methode eine update-Anfrage an den Server.

Für visuelle Aktualisierungen, die nicht gespeichert werden müssen, verwenden Sie stattdessen die Methode refreshTask. Diese aktualisiert das Aussehen der Aufgabe, ohne zusätzliche Berechnungen auszulösen.

gantt.templates.task_class = function(start, end, task){
    if(task.$active) {
        return "active_task";
    }
};

gantt.attachEvent("onTaskClick", function(id,e){
    gantt.getTask(id).$active = true;
    gantt.refreshTask(id); /*!*/
});

Alternativ können Sie eine Aufgabe aktualisieren, indem Sie ein neues Aufgabenobjekt als zweiten Parameter an die updateTask-Methode übergeben:

var task = {
    id: 2, text: 'Neuer Aufgabentext', 
    start_date: new Date(2025,03,02), 
    end_date: new Date(2025,03,04), 
    $source: [1], 
    $target: [2]
}
gantt.updateTask(2,task);
Hinweis

Sample: Updating task