Перейти к основному содержимому

afterLineTitleMove

Описание

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

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

"afterLineTitleMove": ({
event: PointerEvent,
lineId: string | number,
titleId: string | number,
coords: object
}) => void;

Параметры

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

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

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

Пример

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

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

Журнал изменений: Колбек принимает объект в качестве параметра начиная с v6.0