屬性名稱

作用

$id

裝載整個UI的DOM對象的ID。

$bgDiv

最父框架的DIV。

$tool

左側工具欄JQ對象。

$head

頂部欄標題標簽及工具欄按鈕。

$title

載入的流程圖的名稱。

$nodeRemark

左側工具欄中每一種結點或按鈕的說明文字,JSON格式,key為按鈕類型名,value為用戶自定義文字說明。

$nowType

當前要繪制的對象類型，開始時為“cursor”，即不繪制任何元素，只是作為鼠標指針進行元素選定。

$lineData={}

轉換線數據Map集，以id為key,value為詳細數據JSON對象。

$lineCount=0

轉換線數據的數量。

$nodeData={}

節點數據Map集，以id為key,value為詳細數據JSON對象。

$nodeCount=0

節點數據的數量。

$areaData={}

分組區數據Map集，以id為key,value為詳細數據JSON對象。

$areaCount=0

分組區數據的數量。

$lineDom={}

轉換線DOM展示對象Map集，以id為key,value為詳細在DOM對象。

$nodeDom={}

節點JQ展示對象Map集，以id為key,value為詳細在JO對象。

$areaDom={}

分組區JQ展示對象Map集，以id為key,value為詳細在JO對象。

$max

計算默認ID值的起始SEQUENCE，默認不填時為1。

$focus

當前被選定的結點/轉換線ID,如果沒選中或者工作區被清空,則為""。

$cursor

鼠標指針在工作區內的樣式，初始時為default。

$editable

當前工作區是否可編輯，即是編輯模式還是僅瀏覽模式。

$workArea

裝載結點/線條/分組區域的工作區。

$draw

畫矢量線條的容器，處于工作區中。

$group

僅用來裝配分組區域DOM元素的容器，處于工作區中。

$ghost

專門用在移動、重置大小等操作時，給用戶操作的半透明浮動區。

$textArea

雙擊操作對象后出現的浮動文本域，用來寫重命名方法setName所需的新名稱傳參。

$lineMove

操作移動折線的中段時用到的浮動DIV

$lineOper

選定一條轉換線后出現的浮動操作欄，有改變線的樣式和刪除線等按鈕。

//以下是當初始化的參數property.useOperStack=true且$editable=true時,才存在的屬性:

$undoStack=[]

“撤銷操作”棧。

$redoStack=[]

重做操作棧。

$isUndo

事務操作標志位，內部調用

$deletedItem={}

在流程圖的編輯操作中被刪除掉的元素ID集合,元素ID為KEY,元素類型(node,line.area)為VALUE

方法名稱

作用

setNodeRemarks(remark)

設定左側工具欄中每一種結點或按鈕的說明文字,傳參是JSON格式,key為按鈕類型名,value為用戶自定義文字說明。

switchToolBtn(type)

切換左邊工具欄按鈕,傳參type表示切換成哪種類型的按鈕

addNode(id,json)

增加一個結點,傳參json內容結構與$nodeData的每個屬性單元一樣。

getItemInfo(id,type)

根據id這個KEY，和要獲取的數據類型type(有”node”,”line”,”area”三種取值),返回相應的結點json數據單元

blurItem()

取消所有結點/連線被選定的狀態

focusItem(id,bool)

選定某個結點/轉換線；傳參bool:TRUE決定了要觸發選中事件，FALSE則不觸發選中事件，多用在程序內部調用。

moveNode(id,left,top)

移動一個結點到一個新的位置

setName(id,name,type)

設置結點/連線/分組區域的文字信息；傳參id為序列，name為新的名稱，type為更名對象的數據類型(有”node”,”line”,”area”三種取值)

resizeNode(id,width,height)

重新設置結點的尺寸,開始/結束類型的結點不支持該方法

delNode(id)

刪除結點

setTitle(text)

設置流程圖的名稱

loadData(data)

載入一組數據JSON格式的流程圖數據，傳參data中有title,nodes,lines,areas四個KEY的數據,還有一個可選屬性數據initNum：ID起始序列號最大數字+1——由于繪制的新單元的ID都是按一定序列號及規則自動生成的，為了防止新載入的數據的ID與編輯時新加入的ID值有重復,將給設計器對象對于新生成單元的ID序列一個新的起始序列號;如果傳參JSON中沒有這個屬性,也可以在調用loadData方法前修改設計器對象的$max屬性值（其實loadData方法執行時會檢查傳參中如果有initNum時，將自動給設計器對象的$max賦上此值）；

nodes,lines,areas都為一組{key:value}式的Map數據，內容結構分別與GooFlow對象屬性中的$nodeData,$lineData,$areaData一致.

loadDataAjax(para)

用AJAX方式，遠程讀取一組數據;

參數para為JSON結構，與JQUERY中$.ajax()方法的傳參一樣

需要后臺異步返回JSON格式的msg結果,其內容格式與loadData方法的傳參一樣。

exportData()

把畫好的結束導出到一個本函數返回的變量中(其實也可以直接訪問GooFlow對象的$nodeData,$lineData,$areaData這三個JSON屬性)

exportAlter()

//只把本次編輯流程圖中作了變更(包括增刪改)的元素導出到一個變量中,以方便用戶每次編輯載入的流程圖后只獲取變更過的數據

transNewId(oldId,newId,type)

變更元素的ID,一般用于快速保存后,將后臺返回新元素的ID更新到頁面中;type為元素類型(節點,連線,區塊)

clearData()

清空工作區及已載入的數據

destrory()

銷毀自己

addLine(id,json)

增加一條線，傳參json內容結構與$lineData的每個屬性單元一樣。

setLineType(id,newType)

重新設置連線的樣式. 傳參newType的取值有："sl"直線, "lr"中段可左右移動型折線, "tb"中段可上下移動型折線

setLineM(id,M)

設置折線中段的X坐標值（可左右移動時）或Y坐標值（可上下移動時）；直線不支持此方法

delLine(id)

刪除轉換線

markItem(id,type,mark)

//用顏色標注/取消標注一個結點或轉換線，常用于顯示重點或流程的進度。

?????? //這是一個在編輯模式中無用,但是在純瀏覽模式中非常有用的方法，實際運用中可用于跟蹤流程的進度。

//傳參：id是操作單元對象唯一序列號;type是操作單元類型(“node”或者”line”,分組區域不支持此方法);mark為布爾值,表示是否標注/取消標注某個ID值的數據單元對象

addArea(id,json)

增加一個分組區域，傳參json內容結構與$areaData的每個屬性單元一樣。

moveArea(id,left,top)

移動分組區域到新的位置上.

delArea(id)

刪除分組區域

setAreaColor(id,color)

設置分組區域的顏色,傳參color為顏色樣式,只有”red”,”yellow”,”blue”,”green”四種取值

resizeArea(id,width,height)

重新設置區分組區域的尺寸

??????

reinitSize(width,height)

重構整個流程圖設計器的寬高，在瀏覽器窗口大小改變或者父容器寬高改變時，執行這個方法能讓設計器重新適應新的寬高顯示。

//以下是當初始化的參數property.useOperStack=true時,才存在的方法:

pushOper(funcName,paras)

僅供內部方法調用的方法:把對工作區內的數據單元編輯操作(增/刪/改/重命名/移動/標注等)加入整條管理棧中,好進入撤銷/重做的控制；

注意:將為了節省瀏覽器內存空間,undo/redo中的操作緩存棧,最多只可放40步操作;超過40步時,將自動刪掉最舊的一個緩存。

pushExternalOper

(func,jsonPara)

//將外部的方法加入到GooFlow對象的事務操作堆棧中,在過后的undo/redo操作中可以進行控制，一般用于對流程圖以外的附加信息進行編輯的事務撤銷/重做控制；

//傳參func為要執行方法對象,jsonPara為外部方法僅有的一個面向字面的JSON傳參或者數據,由JSON對象或數組帶入所有要傳的信息；

//提示:為了讓外部方法能夠被UNDO/REDO,需要在編寫這些外部方法實現時,加入對該方法執行后效果回退的另一個執行方法的pushExternalOper。

undo()

撤銷最近一次操作

redo()

重做最近一次被撤銷的操作