关于自己写的流程设计随笔记录(mxGraph)

 1.流程创建入口;

   a.在创建入口之前,定义当前被选中节点信息currentEditor和当前流程图信息currentGraph(后面保存和编辑会用到);

   b.定义容器container, 上侧工具栏容器outline,上侧工具栏的逻辑效果 toolbar,左边工具栏拖动 sidebar, 当前节点信息status;

   c.封装左侧图标的拖到函数,在拖动时,创建节点的第一个节点,var parent = graph.getDefaultParent(),然后获取数据graph.getModel(),最终在画布上展示    model.beginUpdate(),设置当前添加节点的样式graph.setSelectionCell(v1);

    关于自己写的流程设计随笔记录(mxGraph)

   2.给每个节点增加双击事件

    关于自己写的流程设计随笔记录(mxGraph)

   3.获取当前流程信息  

   currentEditor.writeGraphModel();

 4.双击打开当前节点信息弹框,获取当前节点信息,比如:

   parent.currentEditCells[0].name

5.保存当前节点中信息,比如分组信息;

关于自己写的流程设计随笔记录(mxGraph)

a.向当前节点中插入信息,parent.currentEditCells[0].setValue(ht)

b.信息被插入后,设置成功,parent.setNodeIcon(parent.currentGraph, parent.currentEditCells[0], 1, "",  'user');

6.删除节点

关于自己写的流程设计随笔记录(mxGraph)

关于自己写的流程设计随笔记录(mxGraph)

 

页面加载进来的时候,会让开始节点和时间节点都不能被删除

  7.在实现的过程中,按delete键,删除节点,有时会失效,

  解决办法: 关于自己写的流程设计随笔记录(mxGraph)
 

摘自自己的博客园。。。。。。。。。。感觉这篇还蛮有意义的。。。。

 

 

 

   

 

相关文章:

  • 2021-08-28
  • 2021-04-12
  • 2021-11-02
  • 2022-12-23
  • 2021-05-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-10-12
  • 2021-06-11
  • 2022-02-15
  • 2022-02-09
  • 2021-11-21
  • 2021-08-17
  • 2022-12-23
相关资源
相似解决方案