自定義表單、流程、菜單開發總結

         自定義表單流程：流程中首先需要處理的問題便是鏈線問題。項目啟動時，一直不能確定是否封裝瀏覽器，直到最后鏈線方法還是使用了SVG（總想有個機會寫寫canvas）。現在的鏈線并不完美，但基本功能已實現，等項目重新啟動后再進行優化。SVG鏈線這塊，需要注意的是直接向SVG中插入元素該元素是無法實現效果的，需要使用克隆，在獲得克隆對象后更改屬性值來獲得一個新的鏈線。如下：

使用clone并修改attr 代碼  收藏代碼

else{         

                //當前頁已存在SVG元素  

                //克隆已存在的線  

                line =  processSvg.find('polyline').eq(0).clone(false);  

                line.attr('points',points);  

                line.attr('style',line_style);  

                line.attr('class',_class);  

                line.attr('id',polylineId);       

                processSvg.append(line);  

                //克隆已存在的矩形        

                rect = processSvg.find('rect').eq(0).clone(false);  

                rect.attr('x',rectX);  

                rect.attr('y',rectY);  

                rect.attr('style',rect_style);  

                rect.attr('id','rect_'+polylineId);  

                rect.attr('polylineId',polylineId);       

                processSvg.append(rect);  

                //克隆已存在文本  

                _text = processSvg.find('text').eq(0).clone(false);  

                _text.attr('x',textX);  

                _text.attr('y',textY);  

                _text.attr('style',text_style);  

                _text.attr('id','text_'+polylineId);  

                _text.attr('polylineId',polylineId);          

                processSvg.append(_text);  

                }  

   在鏈線上有文字提示，圖上所表示的設置和黃色為初始狀態。點擊可進行編輯，用于設置該鏈線的流向（提交、退回），條件（成立、不成立）；

流程操作界面：

其它的數據交互就只是復雜一些，難度倒沒什么。

如果感興趣某一個點，可以留言。

后續時間不緊了，再做詳細更新。