end-drag-card

Beschreibung

Wird ausgelöst, wenn das Ziehen einer Karte beendet wird

Verwendung

"end-drag-card": ({
    id: string | number,
    columnId: string | number,
    rowId?: string | number,
    before?: string | number,
    source?: array
}) => void;

Parameter

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

• id - (erforderlich) die ID der gezogenen Karte
• columnId - (erforderlich) die ID der Spalte, in der sich die Karte aktuell befindet
• rowId - (optional) die ID der Zeile, in der sich die Karte aktuell befindet
• before - (optional) die ID einer Karte, die sich aktuell nach der gezogenen Karte in der Spalte befindet
• source - (optional) das Array der IDs der verschobenen Karten

Info

Zur Behandlung der internen Events können Sie die Event Bus Methoden verwenden

Beispiel

// Kanban erstellen
const board = new kanban.Kanban("#root", {
    columns,
    cards
});
// Anmeldung für das "end-drag-card" Event
board.api.on("end-drag-card", (obj) => {
    console.log(obj.columnId);
});

Änderungsprotokoll: Das Event wurde in Version v1.4 hinzugefügt

Verwandtes Beispiel: Kanban. Drag & Drop für bestimmte Spalten deaktivieren