drag

Beschreibung

Wird ausgelöst, wenn der Benutzer Aufgaben per Drag-and-Drop verschiebt

Verwendung

"drag":({
    start: string | number,
    source: (string | number)[],
    target: string | number | null,
    dropPosition: "top" | "bottom" | "in" | null
}) => void;

Parameter

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

• start - (erforderlich) die ID der Aufgabe, von der aus der Drag-Vorgang gestartet wurde
• source - (erforderlich) ein Array mit IDs der gezogenen Aufgaben
• target - (erforderlich) die ID einer potenziellen Zielaufgabe
• dropPosition - (erforderlich) die Position relativ zur Zielaufgabe, an der die Aufgaben abgelegt werden:
  • top - oberhalb der Zielaufgabe
  • bottom - unterhalb der Zielaufgabe
  • in - innerhalb der Zielaufgabe

Info

Um die internen Events zu verarbeiten, 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,
});

// das "drag"-Event abonnieren
list.api.on("drag", ({start, source, target, dropPosition}) => {
    console.log(start, source, target, dropPosition);
});

Änderungsprotokoll: Hinzugefügt in v1.1

Verwandter Artikel: Drag-n-drop