jsPlumb

A biblioteca foi portado para MooTools, YUI e jQuery.
Ele usa um estágio lona para arrastar gráficos, tabelas ou elementos diferentes que mostram a forma como elementos gráficos ou outros objetos interagem uns com os outros.
Para navegadores mais antigos, roteiro ExplorerCanvas do Google é usado.
jQuery:
jsPlumb requer 1.3.x ou 1.4.x jQuery; e 1.7.x jQueryUI ou 1.8.x.
MooTools:
jsPlumb requer MooTools 1.2.4 e Drag.Move de MooTools Mais.
YUI3:
jsPlumb requer YUI 3.3.x

Recursos :.

• elementos Gráfico:
• Conector - uma linha que liga dois elementos na página
• Endpoint - a representação visual de uma extremidade de uma conexão
• Anchor - um local, em relação à origem de um elemento, em que pode existir um Endpoint
• Overlay -. Um componente de interface que é usada para decorar um Connector, tal como um marcador, seta, etc
• Connection -. Uma instância de Anchors, Endpoints e um conector com zero ou mais sobreposições de trabalhar em conjunto para unir dois elementos

O que é novo nesta versão:

• conectores fluxograma reduzir o parâmetro stub automaticamente quando os dois elementos são mais estreita do que a soma dos dois topos. Isso pode ser substituído, definindo o parâmetro alwaysRespectStubs a verdade sobre a definição de conector Fluxograma.

O que é novo na versão 1.4.0:

• jsPlumb agora registra como um módulo AMD se um AMD carregador é encontrado na página. Duas inscrições são feitas:. 'Jsplumb' para a instância estática, e 'jsplumbinstance', para uma nova instância
• Internamente, todos os conectores estão agora composto por um conjunto de segmentos, dos quais existem três tipos -. Bezier, reto, e Arc
• valor de retorno de jsPlumb.select e jsPlumb.selectEndpoints agora suporta o método 'setType'.

Funções
• setType / AddType agora suporta tipos parametrizados.

O que é novo na versão 1.3.16:

• Adicionado o conceito de conexão e Endpoint & quot; Tipo de & quot ;.
• tipo Overlay Adicionado 'Custom'.
• Adicionado "setEnabled 'métodos /' IsEnabled 'para selectEndpoint valor de retorno.
• As melhorias de desempenho para prestação de etiqueta.

O que é novo na versão 1.3.11:

• A nova funcionalidade:
• método 'selectEndpoints' Adicionado para jsPlumb. Este trabalha de uma maneira semelhante à jsPlumb.select (que é para conexões).
• método Adicionado isSuspendDrawing
• Adicionado & quot; ligação & quot; como alias a existente & quot; jsPlumbConnection & quot; evento. Ambos os eventos são disparados. Portanto, não se inscrever para os dois!
• Adicionado & quot; connectionDetached & quot; como alias para & quot; jsPlumbConnectionDetached & quot; evento. Como acima -. Ambos os eventos são disparados
• evento 'MaxConnections' Adicionado para Endpoints.
• opção de retorno de chamada 'onMaxConnections' Adicionado para maketarget e makeSource
• Problemas corrigidos:
• Adicionar evento '' MaxConnections para Endpoint
• aprimoramento selectEndpoints
• makeSource não honra parâmetro MaxConnections
• setLabel ignora bandeira suspendDrawing
• deleteEveryEndpoint deve suspender desenho antes de começar e restaurar uma vez o seu feito.

O que é novo na versão 1.3.10:

• makeSource agora pode ser chamado com um "filtro" parâmetro que permite responder aos eventos de mouse apenas nas partes do elemento que deseja.
• conector Fluxograma suporta um topo comprimento diferente em cada extremidade (fornecer uma matriz de dois inteiros em vez de apenas um único número inteiro)
• A posição de sobreposições Connector agora podem ser especificados como um valor absoluto, com valores positivos que significa distância de origem e de valores negativos que significa distância do alvo.

O que é novo na versão 1.3.9:

• Conector reto na tela agora suporta DashStyle simples (dois args apenas)

Métodos
• clearListeners, fogo e de Ligação em jsPlumb, Conexão e Endpoint agora voltar-se, portanto, você pode usá-los em um estilo 'fluente'.
• paintStyle e hoverPaintStyle não estão expostos no Endpoint ou conexão.

Métodos
• getPaintStyle e getHoverPaintStyle adicionado ao Endpoint e Conexão.
• HoverClass acrescentado para os padrões de jsPlumb.
• Vários novos métodos adicionados para trabalhar com metas e fontes.

O que é novo na versão 1.3.8:

• modo Hover é suspenso quando algo está sendo arrastado. isso impede que um monte de flashes aleatórios como o mouse se move ao redor da tela.
• endpoint VML não estava atribuindo personalizado classe CSS se ele foi um. que é agora.

O que é novo na versão 1.3.7:.

• Adicionado uma função setId
• Adicionado função setIdChanged. Isso permite que o desenvolvedor informar jsPlumb de uma mudança ID após o fato.

Eventos
• connectionDrag / connectionDragStop.
• GetConnections leva um segundo argumento opcional que diz jsPlumb para retornar conexões como uma matriz, não como um objeto com escopos como chaves.
• Pode passar '*' para GetConnections para qualquer uma origem / destino / escopo.
• Adicionado showOverlays / hideOverlays funções para Conexão e Endpoint.
• Adicionado getOverlays método de conexão e Endpoint.

O que é novo na versão 1.3.6:

• Um último parâmetro que agora é suportado é "uniqueEndpoint '-. instrui makeSource e maketarget para sempre apenas criar um nó de extremidade associado

Chamadas
• makeSource e maketarget agora estão honrados por chamadas subsquent para jsPlumb.connect.
• importDefaults e RestoreDefaults Adicionado métodos.
• jsPlumb.draggable (..) agora suporta elementos aninhados.

Requisitos :

• o JavaScript habilitado no lado do cliente