Zum Hauptinhalt springen

onTaskDrag

Description​

Wird ausgelöst, wenn ein Task vom Benutzer gezogen wird

onTaskDrag: (id: string | number, mode: string, task: Task, original: Task, e: Event) => void;

Parameters​

  • id - (required) string | number - die Task-ID
  • mode - (required) string - der Drag-Modus ("resize", "progress", "move", "ignore")
  • task - (required) Task - das aktuelle (gezogene) Task-Objekt
  • original - (required) Task - das ursprüngliche (initiale) Task-Objekt
  • e - (required) Event - ein nativer Event-Objekt

Example​

gantt.attachEvent("onTaskDrag", function(id, mode, task, original){
    // beliebige benutzerdefinierte Logik hier
});

Details​

Dieses Event tritt jedes Mal auf, wenn der Benutzer die Maus im Timeline-Bereich zieht, um einen Task zu verschieben, zu skalieren oder den Fortschritt des Tasks zu aktualisieren. Der Drag-Typ wird durch das zweite Argument - mode - angegeben. Alle möglichen Werte für den Drag-Modus finden Sie in der Datei drag_mode.

Zusammengefasst läuft der Prozess wie folgt ab:

  1. Der Benutzer startet eine Drag-Aktion.
  2. dhtmlxGantt berechnet die Task-Daten basierend auf der neuen Position neu.
  3. dhtmlxGantt löst das Event onTaskDrag aus.
  4. dhtmlxGantt aktualisiert die Darstellung des Tasks im Gantt-Chart.