Наложение конечных точек JsPlumb

Предположим, у меня есть элемент с 4 конечными точками, каждая конечная точка имеет одно соединение. Мне нужно показать все соединения в метке конечной точки и удалить любое, щелкнув его имя. У jsPlumb есть такая возможность из коробки? Или как я могу это сделать? введите здесь описание изображения

sourceEndpoint = jsPlumb.addEndpoint($(requirementSelector), {overlays: removeLabel, maxConnections: -1, endpoint: ["Dot", { radius: 4}], anchors: ["RightMiddle", "LeftMiddle"]});
    targetEndpoint = jsPlumb.addEndpoint($(solutionSelector), {overlays: removeLabel,maxConnections: -1, endpoint: ["Dot", { radius: 4}], anchors: ["RightMiddle", "LeftMiddle"]});

    jsPlumb.connect({
        source: sourceEndpoint, 
        target: targetEndpoint 
    });

    targetEndpoint.bind("click", function(endpoint) {
      var elementEndpoints = jsPlumb.selectEndpoints({element: endpoint.elementId});

      var ids="<div style='border: 2px solid black; padding: 5px; background-color: #ffffff'; z-index:10;>";

      elementEndpoints.each(function(ep){
        ids += "<p ng-click='clicked()'>Remove - " + ep.id + "</p>"
      });

      ids += "</div>";

      endpoint.setLabel(ids);
      endpoint.showOverlay();
    });

javascript jquery angularjs jsplumb
person MaxD    schedule 10.01.2014    source источник
comment
jsPlumb имеет метку соединения, но не метку конечной точки. Вы хотите удалить соединение при одиночном или двойном щелчке по нему? если так то возможно.   -  person MrNobody007    schedule 10.01.2014
comment
Я могу получить все конечные точки из element. Каждая конечная точка имеет соединение. Теперь мне нужно отобразить его в наложении (метке) конечной точки (предположим, 4 соединения) и удалить любое, щелкнув по нему.   -  person MaxD    schedule 10.01.2014
comment
Извините, я вас не понял, можете сфотографировать и выложить фото.   -  person MrNobody007    schedule 10.01.2014
comment
Например, контейнер для растворов. Нажав на ярлык Удалить - ep42 мне нужно удалить соединение ep_42   -  person MaxD    schedule 10.01.2014
comment
Вам нужна эта метка, чтобы удалить соединение? Если да, то почему бы вам не привязать какое-либо событие к соединению и не удалить его при его запуске.   -  person MrNobody007    schedule 10.01.2014
comment
Я могу подписаться на событие щелчка метки, но не могу получить доступ к нужному соединению. + Я использую angularjs, и ng-click в этой ситуации не работает.   -  person MaxD    schedule 10.01.2014
comment
давайте продолжим это обсуждение в чате   -  person MaxD    schedule 10.01.2014

Ответы (1)


arrow_upward
1
arrow_downward

Попробуй это. Когда создается новое соединение, привяжите событие, чтобы удалить соединение:

jsPlumb.bind("jsPlumbConnection", function(ci) {
            ci.connection.bind("click",function(con){
                jsPlumb.detach(con);
            });
        });

Дайте мне знать, работает ли это для вас.

person MrNobody007    schedule 10.01.2014
comment
Прутви Бхарадвадж, спасибо! но ваш пример не работает в моем случае. У одного элемента может быть много конечных точек, и пользователь может видеть только последнюю конечную точку (см. требование). Вот почему мне нужно всплывающее окно или метка, чтобы показать все подключенные элементы и удалить выбранные. - person MaxD; 10.01.2014