drag-card

Описание

Срабатывает при перемещении карточки с помощью dnd

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

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

Параметры

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

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

информация

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

Пример

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

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

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