【插件】jsPlumb 刪除節點以及節點間的連線

deleteflowchart: function (activities) { //移除節點的端點及節點之間的連線
            if(activities) $.each(activities, function (i, activeitem) { var divID = activeitem.ActId; jsPlumb.detachAllConnections(divID);//刪除divID全部鏈接線 jsPlumb.removeAllEndpoints(divID);//刪除divID全部端點 jsPlumb.detach(divID);//刪除鏈接線
jsPlumb.remove(divID);//移除節點 }) }

可參考https://www.cnblogs.com/leomYili/p/6346526.html?utm_source=itdadao&utm_medium=referral,關於jsPlumb的API。html

 這個方法主要是解決在數據刷新時的問題,由於在作流程圖顯示的時候須要根據從不一樣頁面跳轉進入顯示不一樣的流程圖,即渲染不一樣的數據。爲避免上次渲染的數據還存在(好比一些連線、箭頭等)就須要先清除再作渲染。vue

在作項目的時候須要用到jsPlumb,弄了兩個案例試了一下,有須要能夠看看。https://gitee.com/qiuyueding/VueDemo/tree/master/OA-vue/demogit

相關文章
相關標籤/搜索