Zum Hauptinhalt springen

start-drag-card

Beschreibung

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

Verwendung

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

Parameter

Der Callback des start-drag-card Events kann ein Objekt mit 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 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 "start-drag-card" Event
board.api.on("start-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