2013-04-11 16 views
15

Sto creando la funzione Albero familiare per la mia app Web con requisiti HTML5. Ho già cercato e trovato alcuni campioni JS, ma non ho trovato nessuno che fosse adatto alle mie esigenze. Ho già provato JIT, Rafael, GoJS, eccAlla ricerca di un albero genealogico

Ho trovato questo per essere il più vicino da GoJS:

GoJS fam-tree option #1

Ma questo non basta. Ho bisogno di connettere un membro con un altro membro con la funzione drag and drop.

C'è qualche JS che può adattarsi ai requisiti o almeno funzionare come GoJS? Poiché ho bisogno di pagare una licenza per GoJS E POI di personalizzarlo, il budget è limitato. Grazie mille.

+0

stavo guardando il tuo link GoJS. Puoi integrare quella libreria con jQuery.UI e vedere se puoi rendere quegli elementi 'trascinabili' e 'trascinabili'? Ho intenzione di provare a metterlo insieme (se hanno una prova gratuita) –

+0

ho trovato jOrgChart può essere trascinabile e trascinabile. http://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html – Irwan

risposta

5

L'ho già trovato. Io uso jsPlumb per questo albero genealogico con alcune modifiche. Grazie a tutti.

6

La funzionalità che stai cercando è integrata in GoJS. Per esempio, dai un'occhiata allo
Org Chart Editor Sample.

È possibile fare doppio clic sui nodi per aggiungere una nuova persona, trascinare un nodo su un altro per modificare le relazioni e disegnare collegamenti (con un'operazione di trascinamento del clic) dallo sfondo di un nodo ad altri nodi che non hanno " capo".

(se si desidera un nodo non avere Boss in questo semplice esempio, è possibile selezionare ed eliminare collegamenti)

Problemi correlati