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

这个方法主要是解决在数据刷新时的问题，因为在做流程图显示的时候需要根据从不同页面跳转进入显示不同的流程图，即渲染不同的数据。为避免上次渲染的数据还存在（比如一些连线、箭头等）就需要先清除再做渲染。

在做项目的时候需要用到jsPlumb，弄了两个案例试了一下，有需要可以看看。https://gitee.com/qiuyueding/VueDemo/tree/master/OA-vue/demo

来源：oschina

链接：https://my.oschina.net/u/4391488/blog/3912219

标签

Activities