drag-card

Описание

Это событие срабатывает каждый раз, когда карточка перемещается с помощью drag-and-drop.

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

"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);
});

Журнал изменений: Это событие доступно начиная с версии 1.4

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