end-drag

Beschreibung

Wird ausgelöst, wenn das Ziehen von Aufgaben abgeschlossen wurde

Verwendung

"end-drag":({
    target: string | number | null,
    dropPosition: "top" | "bottom" | "in" | null,
    mode: "move" | "copy"
}) => void;

Parameter

Der Callback des end-drag-Events kann ein Objekt mit folgenden Parametern entgegennehmen:

• target - (erforderlich) die ID der Aufgabe, auf der der Ziehvorgang beendet wurde
• dropPosition - (erforderlich) die Position, an der die gezogenen Aufgaben abgelegt wurden:
  • top - oberhalb der Zielaufgabe
  • bottom - unterhalb der Zielaufgabe
  • in - über der Zielaufgabe
• mode - (erforderlich) der Modus des Drag-n-Drop:
  • move - der Verschiebe-Modus
  • copy - der Kopier-Modus

Info

Zur Verarbeitung der internen Events können Sie die Event Bus-Methoden verwenden.

Beispiel

const { ToDo, Toolbar } = todo;
const {tasks, projects, users} = getData();

const list = new ToDo("#root", {
    tasks,
    projects,
    users
});

const toolbar = new Toolbar("#toolbar", {
    api: list.api
});

// Abonnieren des "drag"-Events
list.api.on("drag", ({ target, dropPosition, mode }) => {
    console.log(target, dropPosition, mode);
});

Änderungsprotokoll: Hinzugefügt in v1.1

Verwandter Artikel: Drag-n-drop