afterSelect

描述

在选中项目后触发

用法

"afterSelect": ({
    id: string | number,
    join: boolean,
    batch: (string | number)[]
}) => void;

参数

该事件的回调函数将接收一个包含以下参数的对象：

• id - 已选中项目的 id
• join - 所应用的选择模式
• batch - 已选中项目的列表

示例

// 初始化 Diagram
const diagram = new dhx.Diagram("diagram_container", {
    select: true,
    // 其他配置选项
});
// 加载数据
diagram.data.parse(data);

// 为事件绑定处理函数
diagram.events.on("afterSelect", ({ id }) => {
    console.log(id + " was selected");
});

以下是为 Diagram Editor 绑定事件处理函数的示例：

// 初始化 Diagram editor
const editor = new dhx.DiagramEditor("editor_container", {
    // 配置选项
});
// 将数据加载到 editor 中
editor.parse(data);

// 为事件绑定处理函数
editor.diagram.events.on("afterSelect", ({ id }) => {
    console.log(id + " was selected");
});

更新日志： v6.0 中更新

相关文章：

• diagram.config.select
• 选择项目