jsPlumb

La bibliothèque a été porté pour MooTools, YUI et jQuery.
Il utilise un stade de la toile pour faire glisser des graphiques, des tableaux ou des différents éléments montrant la manière dont les éléments graphiques ou d'autres objets interagissent les uns avec les autres.
Pour les anciens navigateurs, ExplorerCanvas le script de Google est utilisé.
jQuery:
jsPlumb nécessite jQuery 1.3.x ou 1.4.x; et 1.7.x ou 1.8.x jQueryUI
MooTools:
jsPlumb nécessite MooTools 1.2.4 et Drag.Move de MooTools Plus.
YUI3:
jsPlumb nécessite YUI 3.3.x

Caractéristiques :.

• éléments Graphique:
• Connecteur - une ligne reliant deux éléments dans la page
• Endpoint - la représentation visuelle d'une extrémité d'une connexion
• Anchor - un emplacement, par rapport à l'origine d'un élément, à laquelle une Endpoint peut exister
• Overlay -. Un composant d'interface qui est utilisé pour décorer un connecteur, comme une étiquette, flèche, etc
• Connexion -. Une instance de Ancres, Endpoints et un connecteur avec zéro ou plusieurs superpositions de travailler ensemble pour joindre deux éléments

Quoi de neuf dans cette version:

• connecteurs Organigramme réduire le paramètre de stub automatiquement lorsque les deux éléments sont plus proche que la somme des deux talons. Cela peut être remplacé en définissant le paramètre alwaysRespectStubs à true sur la définition du connecteur Organigramme.

Ce qui est nouveau dans la version 1.4.0:

• jsPlumb enregistre maintenant comme un module AMD si un AMD chargeur se trouve dans la page. Deux inscriptions sont faites:. 'Jsplumb »pour l'instance statique, et' jsplumbinstance ', pour une nouvelle instance
• En interne, tous les connecteurs sont maintenant composé d'un ensemble de segments, dont il existe trois types -. Bézier, la droite, et Arc
• la valeur de retour de jsPlumb.select et jsPlumb.selectEndpoints prend désormais en charge la méthode «setType '.

Fonctions
• setType / de addType prennent désormais en charge les types paramétrés.

Ce qui est nouveau dans la version 1.3.16:

• Ajout de la notion de connexion et Endpoint & quot; de type & quot ;.
• Type de recouvrement ajouté 'Custom'.
• Ajout de 'setEnabled' méthodes / 'isEnabled' à selectEndpoint valeur de retour.
• Amélioration des performances à l'étiquette rendu.

Ce qui est nouveau dans la version 1.3.11:

• Nouvelle fonctionnalité:
• la méthode pour jsPlumb ajoutée 'de selectEndpoints. Cela fonctionne d'une manière similaire à jsPlumb.select (qui est pour les connexions).
• méthode Ajouté isSuspendDrawing
• Ajouté & quot; & quot connexion; alias existant à & quot; jsPlumbConnection & quot; événement. Les deux événements sont déclenchés. Donc, ne vous inscrivez pas pour eux deux!
• Ajouté & quot; connectionDetached & quot; alias & quot; jsPlumbConnectionDetached & quot; événement. Comme ci-dessus -. Les deux événements sont déclenchés
• L'événement ajoutée 'de maxConnections à Endpoints.
• l'option de rappel ajoutée 'de onMaxConnections à maketarget et makeSource
• Correction de problèmes:
• Ajoutez l'événement 'maxConnections de la Endpoint
• selectEndpoints amélioration
• makeSource ne respecte pas le paramètre maxConnections
• setLabel ignore suspendDrawing drapeau
• deleteEveryEndpoint devrait suspendre le dessin avant qu'il ne commence et rétablir une fois que son fait.

Quoi de neuf dans la version 1.3.10:

• makeSource peut maintenant être appelée avec un «filtre» paramètre qui vous permet de répondre à des événements de souris seulement sur les parties de l'élément que vous voulez.
• connecteur Organigramme soutient une longueur stub différente à chaque extrémité (fournir un tableau de deux entiers au lieu de juste un seul entier)
• La position de superpositions connecteur peut maintenant être spécifié comme une valeur absolue, avec des valeurs positives signifie la distance de la source et des valeurs négatives signifie la distance de la cible.

Quoi de neuf dans la version 1.3.9:

• Connecteur droit dans la toile prend désormais en charge simples DashStyle (deux args seulement)
• clearListeners, le feu et se lient à des méthodes jsPlumb, Connexion et Endpoint se retourner maintenant, de sorte que vous pouvez les utiliser dans un style «couramment».
• paintStyle et hoverPaintStyle ne sont plus exposés sur Endpoint ou connexion.

Méthodes
• getPaintStyle et getHoverPaintStyle ajoutés à Endpoint et de la connexion.
• hoverclass ajouté à défaut jsPlumb.
• Plusieurs nouvelles méthodes ajoutées pour travailler avec des objectifs et des sources.

Quoi de neuf dans la version 1.3.8:

• mode Hover est suspendu pendant que quelque chose est en train de glisser. ce qui empêche un grand nombre de clignotements aléatoires que la souris se déplace autour de l'écran.
• VML critère n'a pas été personnalisé assigne classe CSS si elle a donné un. il est maintenant.

Ce qui est nouveau dans la version 1.3.7:.

• Ajout d'une fonction de setId
• Ajout de la fonction setIdChanged. Cela permet au développeur informer jsPlumb d'un changement d'ID après le fait.

Événements
• connectionDrag / de connectionDragStop.
• GetConnections prend un second argument optionnel qui raconte jsPlumb revenir connexions comme un tableau, non pas comme un objet avec des champs comme clés.
• peut passer '*' pour GetConnections pour toute de la source / cible / portée.
• Ajout / showOverlays hideOverlays fonctions à la connexion et Endpoint.
• Ajouté getOverlays méthode pour connexion et Endpoint.

Ce qui est nouveau dans la version 1.3.6:

• Un dernier paramètre qui est désormais pris en charge est 'uniqueEndpoint '-. Cela indique makeSource et maketarget de créer jamais qu'un seul point de terminaison associée

Appels
• makeSource et maketarget sont maintenant honorées par des appels à subsquent jsPlumb.connect.
• importDefaults et RestoreDefaults Added méthodes.
• jsPlumb.draggable (..) prend désormais en charge les éléments imbriqués.

Exigences :

• Javascript sur côté client