Utility Functions

  • Detach window5 from all connections
    jsPlumb.detachAll("window5");
    
  • Hide all window5's connections
    jsPlumb.hide("window5");
    
  • Hide all window5's connections endpoints
    jsPlumb.hide("window5", true);
    
  • Show all window5's connections
    jsPlumb.show("window5");
    
  • Show all window5's connections and endpoints. Note that in the case that you call jsPlumb.show with two arguments, jsPlumb will also not make a connection visible if it determines that the other endpoint in the connection is not visible.
    jsPlumb.show("window5", hide);
    
  • Toggle the visibility of window5's connections
    jsPlumb.toggleVisible("window5");
    
  • Force repaint of all of window5's connections
    jsPlumb.repaint("window5");
    
  • Force repaint of all of window5, window6 and window11's connections
    jsPlumb.repaint( [ "window5", "window6", "window11" ] );
    
  • Force repaint of every connection
    jsPlumb.repaintEverything();
    
  • Detach every connection that the given instance of jsPlumb is managing
    jsPlumb.detachEveryConnection();
    
  • Detach all connections from "window1"
    jsPlumb.detachAllConnections("window1");
    
  • Remove all Endpoints for the element 'window1', deleting their Connections.
    jsPlumb.removeAllEndpoints("window1");
    
  • Deletes every Endpoint managed by this instance of jsPlumb, deleting all Connections. This is the same as jsPlumb.reset(), effectively, but it does not clear out the event listeners list.
    jsPlumb.deleteEveryEndpoint();
    
  • Deletes the given Endpoint and all its Connections.
    jsPlumb.deleteEndpoint(endpoint);
    
  • Removes every endpoint, detaches every connection, and clears the event listeners list. Returns jsPlumb instance to its initial state.
    jsPlumb.reset();
    
  • Set window1 to be not draggable, no matter what some jsPlumb command may request.
    jsPlumb.setDraggable("window1", false);
    
  • Set window1 and window2 to be not draggable, no matter what some jsPlumb command may request.
    jsPlumb.setDraggable(["window1","window2"], false);
    
  • Initialises window1 as a draggable element (all libraries). Passes in an on drag callback
    jsPlumb.draggable("window1");
    
  • Initialises window1 and window2 as draggable elements (all libraries)
    jsPlumb.draggable(["window1","window2"]);
    
  • Initialises window1 as a draggable element (all libraries)
    jsPlumb.draggable("window1");
    
  • Initialises all elements with class 'window' as draggable elements (jQuery)
    jsPlumb.draggable($(".window"));
    
  • Initialises window1 as a draggable element (jQuery)
    jsPlumb.draggable($("#window1"));