【插件】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

相关文章
相关标签/搜索