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. Отключение drag and drop для отдельных колонок