Zum Hauptinhalt springen

onTaskDrag

Description​

Wird ausgelöst, wenn der Benutzer eine Aufgabe zieht

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

Parameters​

  • id - (required) string | number - die Aufgaben-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 (anfängliche) Task-Objekt
  • e - (required) Event - ein natives Event-Objekt

Example​

gantt.attachEvent("onTaskDrag", function(id, mode, task, original){
    // Fügen Sie hier Ihre benutzerdefinierte Logik ein
});

Details​

The event:

  • Wird jedes Mal ausgelöst, wenn der Benutzer eine Drag-Bewegung mit der Maus im Timeline-Bereich ausführt: Die Aufgabe wird verschoben, die Größe angepasst oder der Fortschritt der Aufgabe angepasst.
  • Der Typ einer Drag-Bewegung wird als zweites Argument übergeben - mode.
  • Alle verfügbaren Werte des Typs der Drag-Bewegung sind in der drag_mode Eigenschaft gespeichert.

Kurz gesagt passiert Folgendes in der folgenden Reihenfolge:

  1. Der Benutzer führt eine Verschiebung aus.
  2. dhtmlxGantt berechnet das Datum der Aufgabe entsprechend der neuen Position neu.
  3. dhtmlxGantt löst das onTaskDrag Event aus.
  4. dhtmlxGantt rendert die Aufgabe im Gantt-Diagramm neu.
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.
Need more help?Contact Support