start-drag-card

Beschreibung

Wird ausgelöst, wenn mit dem Ziehen einer Karte begonnen wird

Verwendung

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

Parameter

Der Callback für das start-drag-card Event erhält ein Objekt mit den folgenden Eigenschaften:

• id - (erforderlich) die ID der Karte, die gezogen wird
• columnId - (erforderlich) die ID der Spalte, in der sich die Karte aktuell befindet
• rowId - (optional) die ID der Zeile, in der die Karte aktuell positioniert ist
• before - (optional) die ID der Karte, die der gezogenen Karte in der Spalte folgt
• source - (optional) ein Array mit den IDs der Karten, die verschoben werden

Info

Für die Arbeit mit internen Events können die Event Bus Methoden verwendet werden.

Beispiel

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

Änderungsprotokoll: Dieses Event wurde in Version 1.4 eingeführt

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