afterItemCatch

描述

元素被捕获后触发

信息

该事件仅在 Diagram 的 组织结构图 和 mindmap 模式下有效，此时必须将 itemsDraggable 属性设置为 true。

用法

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

参数

事件的回调函数调用时会传入一个包含以下参数的对象：

• id - 被移动元素的 id
• targetId - 目标元素的 id
• batch - 被移动元素的 id 数组
• event - 一个事件对象

示例

// initializing Diagram Editor
const editor = new dhx.DiagramEditor("editor_container");
// loading data
editor.parse(data);

// attaching a handler to the event
editor.events.on("afterItemCatch", ({ id, targetId }) => {
    console.log(`
        item ${id} is caught by the item ${targetId}
    `);
});

更新日志：

• batch 参数已在 v6.0 中新增
• 自 v6.0 起，回调函数接收一个对象作为参数