zoukankan      html  css  js  c++  java
  • 【插件】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

  • 相关阅读:
    详解扩展欧几里得算法(扩展GCD)
    NOIP 2012 同余方程
    NOIP 2011 观光公交
    NKOJ4330 逛公园
    NKOJ 7.7练习题A IP地址
    NKOJ3777 卡牌操作
    NKOJ3772 看电影
    NKOJ3765 k个最小和
    NKOJ3775 数列操作
    NKOJ3768 数列操作
  • 原文地址:https://www.cnblogs.com/qiuyueding/p/9282714.html
Copyright © 2011-2022 走看看