drag

Описание

Срабатывает при перетаскивании задач пользователем

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

"drag":({
    start: string | number,
    source: (string | number)[],
    target: string | number | null,
    dropPosition: "top" | "bottom" | "in" | null
}) => void;

Параметры

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

• start - (обязательный) ID задачи, с которой началось перетаскивание
• source - (обязательный) массив ID перетаскиваемых задач
• target - (обязательный) ID потенциальной целевой задачи
• dropPosition - (обязательный) позиция относительно целевой задачи, в которую будут помещены задачи:
  • top - выше целевой задачи
  • bottom - ниже целевой задачи
  • in - на целевую задачу

информация

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

Пример

const { ToDo, Toolbar } = todo;
const {tasks, projects, users} = getData();

const list = new ToDo("#root", {
    tasks,
    projects,
    users
});

const toolbar = new Toolbar("#toolbar", {
    api: list.api,
});

// подписка на событие "drag"
list.api.on("drag", ({start, source, target, dropPosition}) => {
    console.log(start, source, target, dropPosition);
});

История изменений: Добавлено в v1.1

Связанная статья: Drag-n-drop