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

Question

Предположим, что у меня есть элемент с 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(); 
    }); 

Answer 1

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

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

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