move-card

Описание

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

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

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

Параметры

Обработчик события move-card получает объект со следующими свойствами:

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

информация

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

Пример

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

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