这里是将gooflow的代码简单的改造一下,点击线、点、图标、区域的时候弹出新窗口,在新窗口中可以添加设置更多的信息。总页面如下:
文件的目录,这里吧Gooflow的一套东西都放在GooFlow文件夹下面,文件夹是我自己分的,大家可以按照自己的习惯去调整,放到一起便于管理和修改。
code:放置的是弹出的属性页面,里面建了几个文件,预备和数据库操作相关联,不过例子中并没有写代码,这些代码可以根据你建的数据库和三层自己写添删改查。
codebase和js:放置的gooflow用的js和css。
demo.html:流程设计器的主页面,使用的时候直接调用。
javaScript/layer:存放的是弹出层的js和css,这是一个独立的控件,它有自己官网,有兴趣的可以自己研究。
主要修改的是GooFlow.js,你可以通过查找alert去看我写的一些备注,里面关于图标点击、移动等事件都标注出来了。
Demo.html代码