【乐吾乐2D可视化组态编辑器】切换画面

切换画面

乐吾乐2D可视化组态编辑器demo：https://2d.le5le.com/  

方式1：open切换

推荐使用meta2d.open切换新画面

const pen = {
  name: "rectangle",
  text: "矩形",
  x: 100,
  y: 100,
  width: 100,
  height: 100,
  events: [
    {
      name: "click",
      action: EventAction.GlobalFn, 
      value: "openMeta2d",
      params: "图纸Id"
    },
  ],
};

const openMeta2d = (id) => {
  // 请求图纸数据
  const json = axios.get(url,{params: {id});
  // 打开新图纸
  meta2d.open(json);
}

enum EventAction {
  Link, // 打开链接
  SetProps,// 设置属性
  StartAnimate,   // 执行动画
  PauseAnimate,   // 暂停动画
  StopAnimate,    // 停止动画
  Function,       // 执行JS代码
  GlobalFn,       // 执行全局函数
  Emit,           // 发送消息
}

方式2：打开新Url地址

const pen = {
  name: "rectangle",
  text: "矩形",
  x: 100,
  y: 100,
  width: 100,
  height: 100,
  events: [
    {
      name: "click",
      action: EventAction.Link, 
      value: "新图纸预览url",
      params: "_self"
    },
  ],
};

enum EventAction {
  Link, // 打开链接
  SetProps,// 设置属性
  StartAnimate,   // 执行动画
  PauseAnimate,   // 暂停动画
  StopAnimate,    // 停止动画
  Function,       // 执行JS代码
  GlobalFn,       // 执行全局函数
  Emit,           // 发送消息
}

原文地址：https://blog.csdn.net/le5le_iot/article/details/140552810

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！