2013-04-11 25 views
15

Tworzę funkcję Family Tree dla mojej aplikacji internetowej z wymaganiami HTML5. Już przeszukałem i znalazłem próbki JS, ale nie znalazłem żadnych pasujących do moich wymagań. Próbowałem już JIT, Rafael, GoJS itdPoszukiwanie drzewa genealogicznego

I okazało się, że najbliższy jest od GoJS:

GoJS fam-tree option #1

ale to nie wystarczy. Muszę połączyć jednego członka z innym członkiem za pomocą funkcji przeciągnij i upuść.

Czy jest jakiś JS, który może odpowiadać wymaganiom lub przynajmniej działać jak GoJS? Ponieważ muszę zapłacić licencję na urządzenie GoJS, a następnie dostosować, budżet jest napięty. Dziękuję Ci bardzo.

+0

Szukałem w linku GoJS. Czy możesz uzupełnić tę bibliotekę za pomocą jQuery.UI i sprawdzić, czy możesz uczynić te elementy "możliwymi do przeciągnięcia" i "droppable"? Zamierzam spróbować złożyć to razem (jeśli mają darmowy okres próbny) –

+0

Znalazłem jOrgChart można przeciągać i upuszczać. http://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html – Irwan

Odpowiedz

5

Już to znalazłem. Używam jsPlumb dla tego drzewa genealogicznego z pewnymi modyfikacjami. Dziękuję za was wszystkich.

6

Funkcjonalność, której szukasz, jest wbudowana w GoJS. Na przykład spójrz na
Org Chart Editor Sample.

Można dwukrotnie kliknąć węzły, aby dodać nową osobę, przeciągnąć węzeł na inny w celu zmiany relacji i narysować łącza (z operacją przeciągnięcia kliknięcia) z tła węzła do innych węzłów, które nie mają " szef".

(Jeśli chcesz węzeł nie mieć Boss w tej prostej próbki, można zaznaczyć i usunąć linki)