GooFlow制作流程圖

GooFlow可以制作流程圖這是眾所周知的，我在項目中遇到了一個問題，客戶要求根據他定義的流程和判斷條件走相應的節點，這個問題使用GooFlow還是可以實現的。

首先要把GooFlow跑起來

1.引用相應的js和css文件

?下載地址：http://download.csdn.net/download/qq962464qq/10225268

2.準備

<div id="demo" ></div>3.初始化 var property={headLabel:true,initLabelText:"審批流程",width:3500,height:7000,toolBtns:["task","fork","end round"],haveHead:true,headBtns:["undo","redo"],//如果haveHead=true，則定義HEAD區的按鈕haveTool:true,useOperStack:true };var remark={cursor:"選擇指針",direct:"結點連線",start:"入口結點","end":"結束結點","task":"任務結點",fork:"分支結點","join":"聯合結點",group:"組織劃分框編輯開關"};var demo;$(document).ready(function(){demo=$.createGooFlow($("#demo"),property);demo.setNodeRemarks(remark);demo.loadData(jsondata);//利用json數據初始化//$("#demo_node_4").css("background-color","red");});var out;var jsondata={ "title":"工藝冷卻水故障診斷參數", "nodes":{ "1":{"name":"Total CPK","left":68,"top":69,"type":"task","width":111,"height":75,"alt":true}, "2":{"name":"溫度CPK\nTemperature CPK","left":311,"top":65,"type":"task","width":141,"height":72,"alt":true} "lines":{ "totalcpk":{"type":"sl","from":"1","to":"2","name":"cpk<(1.33)"} }, "areas":{}, "initNum":337 }? //得到json//var jsonstr = JSON.stringify(demo.exportData());完成

至于解讀公式這些需要自己定義，有需要可以留言交流

總結

以上是生活随笔為你收集整理的web gooflow流程图实现带公式的流程配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。