jsPlumb

Die Bibliothek wurde für MooTools, jQuery und YUI portiert.
Es verwendet eine Leinwand Stufe, Graphen, Tabellen oder verschiedene Elemente, die den Weg GUI-Elemente oder andere Objekte miteinander in Wechselwirkung zu ziehen.
Für ältere Browser, wird die Google-ExplorerCanvas Skript verwendet.
jQuery:
jsPlumb erfordert jQuery 1.3.x oder 1.4.x; und jQueryUI 1.7.x oder 1.8.x.
MooTools:
jsPlumb erfordert MooTools 1.2.4 und Drag.Move von MooTools More.
YUI3:
jsPlumb erfordert YUI 3.3.x

Eigenschaften .

• Grafik-Elemente:
• Steckverbinder - eine Linie, die zwei Elemente in der Seite
• Endpoint - die visuelle Darstellung von einem Ende einer Verbindung
• Anchor - eine Lage, in Bezug auf eines Elements Ursprung, an dem ein Endpoint existieren
• Overlay -. Eine UI-Komponente, die verwendet wird, um einen Anschluss zu schmücken, wie ein Etikett, Pfeil, usw.
• Connection -. Eine Instanz der Anker, Endpunkte und einen Verbinder mit null oder mehr Overlays arbeiten zusammen, um zwei Elemente verbinden

Was ist neu in dieser Pressemitteilung:

• Flowchart-Anschlüsse verringern die Stub-Parameter automatisch ein, wenn die beiden Elemente näher als die Summe der beiden Stichleitungen. Dies kann durch Setzen des Parameters auf true alwaysRespectStubs auf dem Flowchart-Anschluss Definition überschrieben werden.

Was ist neu in Version 1.4.0:

• jsPlumb registriert nun als AMD-Modul, wenn ein AMD loader wird in der Seite. Zwei Eintragungen vorgenommen:. 'Jsplumb' für das statische Instanz und "jsplumbinstance 'für eine neue Instanz
• Intern Alle Anschlüsse sind nun aus einer Reihe von Segmenten, von denen gibt es drei Arten zusammengesetzt -. Bezier, Gerade, und Arc
• Rückgabewert von jsPlumb.select und jsPlumb.selectEndpoints unterstützt jetzt die "setType 'Verfahren.
• setType / addType Funktionen unterstützen jetzt parametrierten Typen.

Was ist neu in Version 1.3.16:

• Hinzugefügt das Konzept der Verbindung und Endpoint & quot; Typ & rdquo ;.
• Added 'Custom' Overlay-Typ.
• Hinzugefügt 'setEnabled' / 'isEnabled' Methoden Rückgabewert selectEndpoint.
• Leistungsverbesserungen zu Label-Rendering.

Was ist neu in Version 1.3.11:

• Neue Funktionalität:
• Methode Added 'selectEndpoints' to jsPlumb. Dies funktioniert in einer ähnlichen Weise, jsPlumb.select (die für die Verbindungen ist).
• Added isSuspendDrawing Verfahren
• Added & quot; Verbindung & rdquo; als Alias ​​zu bestehenden & quot; jsPlumbConnection & quot; Ereignis. Beide Veranstaltungen sind gefeuert. Also nicht zu registrieren, für sie beide!
• Added & quot; connectionDetached & quot; als Alias ​​für & quot; jsPlumbConnectionDetached & quot; Ereignis. Wie oben -. Beide Veranstaltungen sind gefeuert
• Ereignis Added 'maxConnections', um Endpoints.
• Callback-Option Added "onMaxConnections 'to maketarget und makeSource
• Behobene Probleme:
• Event hinzufügen 'maxConnections', um Endpoint
• selectEndpoints Enhancement
• makeSource nicht ehren maxConnections Parameter
• setLabel ignoriert suspendDrawing Fahne
• deleteEveryEndpoint sollte Zeichnung aussetzen, bevor es beginnt und Wiederherstellung, wenn ihre getan.

Was ist neu in Version 1.3.10:

• makeSource können nun mit einem "Filter" genannt werden Parameter, die Sie auf Mausereignisse nur auf die Teile des Elements Sie wollen reagieren.
• Flowchart-Anschluss unterstützt eine andere Länge Stichleitung an jedem Ende (liefern eine Reihe von zwei ganzen Zahlen, anstatt nur eine einzige Ganzzahl)
• Die Position der Steckerüberlagerungen können jetzt als absoluter Wert angegeben werden, mit positiven Werten bedeutet, Abstand von der Quelle als auch negative Werte bedeutet Entfernung von Ziel.

Was ist neu in Version 1.3.9:

• Längsverbinder in canvas unterstützt jetzt einfach dashstyle (zwei args nur)
• clearListeners, Feuer und bind Methoden in jsPlumb, Verbindung und nun Endpoint sich zurück, so dass Sie sie in einem 'fließend' Stil zu verwenden.
• paintStyle und hoverPaintStyle nicht mehr auf Endpoint oder Verbindung ausgesetzt ist.
• getPaintStyle und getHoverPaintStyle Methoden hinzugefügt, um Endpoint und Anschluss.
• hoverclass hinzugefügt jsPlumb Standardwerte.
• Einige neue Methoden hinzugefügt für die Arbeit mit Zielen und Quellen.

Was ist neu in Version 1.3.8:

• Hover-Modus wird ausgesetzt, während etwas gezogen wird. dies verhindert, dass eine Menge von zufälligen Blitzen wie die Maus über den Bildschirm bewegt.
• VML Endpunkt wurde benutzerdefinierte CSS-Klasse nicht zuweisen, wenn es eine gegeben. ist es jetzt.

Was ist neu in Version 1.3.7:.

• Es wurde ein setId Funktion
• Added setIdChanged Funktion. Auf diese Weise können der Entwickler informieren jsPlumb eines ID-Änderung nach der Tat.
• connectionDrag / connectionDragStop Veranstaltungen.
• GetConnections nimmt ein optionales zweites Argument, das jsPlumb erzählt, um Verbindungen als Array zurück, nicht als Objekt mit Zielfernrohre als Schlüssel.
• kann für jede Quelle / Ziel / Anwendungsbereich passieren '*' um GetConnections.
• Hinzugefügt showOverlays / hideOverlays Funktionen zum Anschluss und Endpoint.
• Added getOverlays Methode, um Anschluss und Endpoint.

Was ist neu in Version 1.3.6:

• Ein letzter Parameter, der nun unterstützt wird, ist 'uniqueEndpoint '-. Dies weist makeSource und maketarget, um eine zugeordnete Endpunkt immer nur zu erstellen
• makeSource und maketarget Anrufe werden jetzt von subsquent Anrufe jsPlumb.connect geehrt.
• Hinzugefügt importDefaults und Restoremethoden.
• jsPlumb.draggable (..) unterstützt nun verschachtelte Elemente.

Anforderungen :

• JavaScript auf Client-Seite aktivieren