end-drag

Описание

Срабатывает, когда перетаскивание задачи (задач) завершено

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

"end-drag":({
    target: string | number | null,
    dropPosition: "top" | "bottom" | "in" | null,
    mode: "move" | "copy"
}) => void;

Параметры

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

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

информация

Для обработки внутренних событий используйте методы 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", ({ target, dropPosition, mode }) => {
    console.log(target, dropPosition, mode);
});

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

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