itemTarget

Описание

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

К сведению

Событие работает только в режимах организационная диаграмма и mindmap компонента Diagram, при этом свойство itemsDraggable должно быть установлено в значение true.

Событие не работает с родительским элементом перемещаемого элемента, а также с перемещаемым элементом, у которого установлено свойство giveItem: false.

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

"itemTarget": ({
    id: string | number,
    targetId: string | number,
    batch: (string | number)[],
    event: PointerEvent
}) => boolean | void;

Параметры

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

• id - идентификатор перемещаемого элемента
• targetId - идентификатор целевого элемента
• batch - массив идентификаторов перемещённых элементов
• event - объект события

Возвращаемое значение

Колбек возвращает false, чтобы предотвратить наведение элемента на целевой элемент; в противном случае - true

К сведению

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

Пример

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

// подключение обработчика события
editor.events.on("itemTarget", ({ id, targetId }) => {
    console.log(`
          Item ${id} is hovering over the item ${targetId}
      `);
});

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

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