【插件】jsPlumb 删除节点以及节点间的连线

寵の児 提交于 2021-01-06 14:11:38
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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!