afterItemMove

Описание

Срабатывает при перемещении элемента на один шаг сетки

Примечание

Событие не работает с объектом line.

Событие срабатывает только для целевого элемента, независимо от количества выбранных элементов. Идентификаторы перетаскиваемых элементов передаются в параметре batch колбека.

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

"afterItemMove": ({
    id: string | number,
    batch: (string | number)[],
    coords: object,
    event: PointerEvent
}) => void;

Параметры

Колбек события вызывается с объектом, содержащим следующие параметры:

• id - идентификатор элемента
• batch - массив идентификаторов перемещённых элементов
• coords - объект с координатами x и y положения элемента после перемещения, где:
  • x - горизонтальное положение элемента при перемещении слева направо
  • y - вертикальное положение элемента при перемещении сверху вниз
• event - объект события

К сведению

Для обработки внутренних событий Diagram Editor используйте метод on().

Пример

// инициализация Diagram Editor
const editor = new dhx.DiagramEditor("editor_container");
// загрузка данных
editor.parse(data);

// подключение обработчика к событию
editor.events.on("afterItemMove", ({ id, coords }) => {
    console.log(`
        Item ${id} is at the position:
            x: ${coords.x}
            y: ${coords.y}
    `);
});

Журнал изменений:

• Параметр batch добавлен в v6.0
• Колбек принимает объект в качестве параметра начиная с v6.0

Похожее API:

• beforeItemMove
• itemMoveEnd

Связанный пример:

• Diagram Editor. Управление перемещением, поворотом и изменением размера фигур с помощью событий