跳到主要内容

itemResizeEnd

描述​

在元素的调整大小操作完成后（用户释放鼠标按键时）触发

用法​

"itemResizeEnd": ({
    id: string | number,
    width: number,
    height: number,
    x: number,
    y: number,
    dir: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "ne"
}) => void;

参数​

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

  • id - 被调整大小的元素的 id
  • width - 元素的最终宽度
  • height - 元素的最终高度
  • x - 元素的最终 X 坐标
  • y - 元素的最终 Y 坐标
  • dir - 调整大小操作的方向：
    • "n" - 北
    • "ne" - 东北
    • "e" - 东
    • "se" - 东南
    • "s" - 南
    • "sw" - 西南
    • "w" - 西
    • "nw" - 西北

示例​

// 初始化 Diagram Editor
const editor = new dhx.DiagramEditor("editor_container");
// 加载数据
editor.parse(data);

// 为事件添加处理程序
editor.events.on("itemResizeEnd", ({ id, width, height }) => {
    console.log(`
        The item ${id} finished resizing:
            the final width: ${width}
            the final height: ${height}
    `);
    // 在这里可以将元素的新尺寸保存到服务器
});

更新日志：

  • 该事件已在 v6.1 中新增

相关 API：

相关示例：

Need more help?Contact Support