Zum Hauptinhalt springen

move-card

Beschreibung

Wird ausgelöst, wenn eine Karte verschoben wird

Verwendung

"move-card": ({
id: string | number,
columnId: string | number,
rowId?: string | number,
before?: string | number,
skipProvider?: boolean
}) => void;

Parameter

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

  • id - (erforderlich) die ID der Karte, die verschoben wird
  • columnId - (erforderlich) die ID der Spalte, in der die Karte platziert wird
  • rowId - (optional) die ID der Zeile, in der die Karte platziert wird
  • before - (optional) die ID der Karte, vor der die verschobene Karte eingefügt wird
  • skipProvider - (optional) steuert, ob die Anfrage an den Server verhindert werden soll
Info

Um interne Events zu verwalten, können Sie die Event Bus Methoden verwenden.

Beispiel

// Kanban erstellen
const board = new kanban.Kanban("#root", {
columns,
cards
});
// Abonnieren des "move-card" Events
board.api.on("move-card", (obj) => {
console.log(obj.columnId);
});

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