Zum Hauptinhalt springen

end-drag-card

Beschreibung

Wird ausgelöst, wenn eine Karten-Zieh-Aktion beendet wird

Verwendung

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

Parameter

Der Callback für das end-drag-card Event erhält ein Objekt mit folgenden Details:

  • id - (erforderlich) die ID der gezogenen Karte
  • columnId - (erforderlich) die ID der Spalte, in der sich die Karte jetzt befindet
  • rowId - (optional) die ID der Reihe, in der die Karte platziert wurde
  • before - (optional) die ID der Karte, die der gezogenen Karte in der Spalte folgt
  • source - (optional) ein Array mit den IDs der verschobenen Karten
Info

Zur Verwaltung interner Events können Sie die Event Bus Methoden verwenden.

Beispiel

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

Änderungsprotokoll: Dieses Event ist seit Version v1.4 verfügbar

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