Podwójna implementacja jsTree

Jestem nowicjuszem w jsTree, chcę używać dual jsTree.

[left JsTrree] [>>] [right JsTrree]

„>>”: Przycisk do kopiowania wybranego węzła od lewej do prawej jsTree

Chcę skopiować częściową hierarchię drzew od lewej do prawej jsTree.

Brak duplikacji węzła.Nie chcę kopiować węzła podrzędnego wybranego węzłaTylko wybrany węzeł z lewego jsTree łączy się z prawym jsTree zgodnie z właściwą strukturą jsTree

Jeśli użytkownik wybrał dowolny węzeł z lewego jsTree, a następnie przycisk („>>”), kliknij Chcę skopiować częściowe drzewo z wybranego węzła do węzła głównego.

Pozostawił jsTree w następujący sposób "

<code> Root
     -----A
          -----A1
               -----A1.1
               -----A1.2
          -----A2
               -----`A2.1`
               -----A2.2

     -----B
          -----B1
          -----B2

     -----C
          -----C1
               -----C1.1
               -----C2.2
</code>

-------------------------------------------------- ------------------------------------
Załóżmy teraz, że użytkownik wybrał węzeł A2.1, a następnie po kliknięciu przycisku („>>”) po prawej stronie jsTree powinno wyświetlić się częściowe drzewo

[# 1] Right jsTree:

<code> Root
     -----A
          -----A2
               -----`A2.1` 
</code>

Teraz węzeł główny jest dodawany w prawym jsTree teraz na oddziałach tylko wybrany węzeł powinien połączyć się z prawym jsTree.

-------------------------------------------------- ------------------------------------

Załóżmy teraz, że użytkownik wybrał C1, a dopiero C1 powinien się połączyć w prawo jsTree.

[# 2] Prawa struktura jsTree po dodaniu C1 z lewego jsTree:

<code>Root
     -----A
          -----A2
               -----A2.1 
     -----C
          -----`C1`
</code>

Załóżmy, że użytkownik wybrał A1, a następnie A1 powinien się połączyć w odpowiednie miejsce
[# 3] Prawa struktura jsTree po dodaniu A1 z lewego jsTree:

<code>Root
     -----A
          -----`A1`
          -----A2
               -----A2.1                   
     -----C
          -----C1
</code>

Moje obejście do tej pory wygląda następująco

po wybraniu węzła z lewego jsTree buduję xml z wybranego węzła do węzła głównego. i wygenerował częściowy łańcuch xx przechowywany w pliku cookie. Kliknięcie przycisku („>>”) Czytam wartość częściowego_strona_xml z pliku cookie + wartość cookie rozliczania częściowego_strona_xml. Sprawa [# 1] wykonana poprawnie. Czy istnieje jakikolwiek inny dobry sposób na osiągnięcie przypadku [# 1]?

Używanie .get_path (węzeł, id_mode) Dostaję ścieżkę (ID i nazwę) od węzła głównego do liścia

jeśli id_mode = true to węzełID = Root.id, A.id, A2.id, A2.1.id

jeśli id_mode = false to węzełNazwy = Korzeń, A, A2, A2.1

Czy można ustawić tę ścieżkę na prawą stronę jsTree?

Jeśli tak, to jak ustawić tę ścieżkę? Jeśli ścieżka już istnieje, to jak zapobiec kopiowaniu ? w innym przypadku połącz wybrany węzeł z prawym jsTree.

-------------------------------------------------- ------------------------------------------

Używając .bind ("select_node.jstree", funkcja (zdarzenie, dane) możemy obsłużyć zdarzenie na wybranym węźle. Jak obsłużyć zdarzenie onClick+ *Ikona*?

Zastanów się, czy mój lewy jsTree zawiera tylko jeden węzeł główny z ikoną +, a następnie Jak obsługiwać zdarzenie onClick na ikonie +?zobacz odpowiedź na atrament

Chcę uzyskać węzły potomne wybranego węzła, jak dołączyć tę listę węzłów potomnych do wybranego węzła?

Jak uzyskać [# 2] i [# 3] za pomocą funkcji jsTree?

Wszelka pomoc lub wskazówki w tej sprawie byłyby mile widziane.

questionAnswers(1)

yourAnswerToTheQuestion