drag-card

Beschreibung

Wird ausgelöst, wenn eine Karte per Drag & Drop verschoben wird

Verwendung

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

Parameter

Der Callback des drag-card Ereignisses 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

Für die Handhabung der internen Ereignisse können Sie die Event Bus Methoden verwenden

Beispiel

// Kanban erstellen
const board = new kanban.Kanban("#root", {
    columns,
    cards
});
// Auf das "drag-card" Ereignis abonnieren
board.api.on("drag-card", (obj) => {
    console.log(obj.columnId);
});

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

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