Перейти к основному содержимому

end-drag-card

Описание

Срабатывает при прекращении перетаскивания карточки

Использование

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

Параметры

Коллбэк события end-drag-card принимает объект со следующими параметрами:

  • id - (обязательно) ID перетаскиваемой карточки
  • columnId - (обязательно) ID колонки, в которой в данный момент находится карточка
  • rowId - (необязательно) ID строки, в которой в данный момент находится карточка
  • before - (необязательно) ID карточки, которая сейчас находится после перетаскиваемой карточки в колонке
  • source - (необязательно) массив ID перемещённых карточек
информация

Для обработки внутренних событий вы можете использовать методы Event Bus

Пример

// создаём Kanban
const board = new kanban.Kanban("#root", {
columns,
cards
});
// подписываемся на событие "end-drag-card"
board.api.on("end-drag-card", (obj) => {
console.log(obj.columnId);
});

История изменений: Событие добавлено в версии v1.4

Связанный пример: Kanban. Отключение перетаскивания в определённые колонки