So erreichen Sie eine Verknüpfung zwischen zwei zTree auf einer einzigen Seite

Dieses Mal zeige ich Ihnen, wie Sie die Verknüpfung zweier zTree auf einer einzigen Seite realisieren. Was sind die Vorkehrungen, um die Verknüpfung zweier zTree auf einer einzigen Seite zu realisieren Ein praktischer Fall. Stehen Sie auf und schauen Sie sich das an.

Einführung

zTree verwendet den Kerncode von JQuery, um eine Reihe von Tree-Plug-Ins zu implementieren, die die meisten gängigen Funktionen ausführen können

• Kompatibel mit IE, Firefox, Chrome und anderen Browsern

• Kann mehrere Tree-Instanzen gleichzeitig auf einer Seite generieren

• Unterstützt JSON-Daten

• Unterstützt einmalige statische Generierung und asynchrones Ajax-Laden

• Unterstützt mehrere EreignisseAntworten und Feedback

• Unterstützt das Verschieben, Bearbeiten und Löschen von Baumknoten

• Unterstützt jede Änderung des Skins/personalisierten Symbols (basierend auf CSS)

• Unterstützt äußerst flexible Checkbox- oder Radioauswahlfunktion

• Einfache Parameterkonfiguration realisiert flexible und veränderbare Funktionen

Einführung

Bei der heutigen Entwicklung müssen wir aufgrund der Anforderungen zwei Bäume links und rechts auf derselben Seite implementieren. Wenn ein Knoten eines bestimmten Baums ausgewählt wird, wird auch der entsprechende Knoten des anderen Baums ausgewählt. (Die beiden Bäume hängen zusammen. Natürlich können Sie die Verknüpfungsbedingungen und -methoden entsprechend Ihren eigenen Anforderungen ändern.)

Der Code für den Implementierungsbaum wird hier nicht mehr eingefügt, es wird nur die Methode zum Erreichen der Verknüpfung angezeigt.

Code:

function linkageTreeClick(event, treeId, treeNode) {
  var param = treeNode.id; //获得点击树的ID
  var otherTree = $.fn.zTree.getZTreeObj(treeId);
  // 选取树的所有节点
  var nodes = otherTree.getNodesByParam(param);
  //遍历树的节点
  for (var i in nodes) {
   if(param==nodes[i].id){
    otherTree.selectNode(nodes[i]);
    return;
   }
  }
 }

Die TreeId ist die ID des Baums, mit dem Sie eine Verknüpfung herstellen möchten. Rufen Sie diese Methode in der onclick-Methode von zTree auf, übergeben Sie die Parameter entsprechend Ihrer eigenen Situation und implementieren Sie dann die Verknüpfung.

Der Methodenparameter selectNode() ist der Knoten des Baums und seine Funktion besteht darin, den Knoten auszuwählen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So verwenden Sie JS-Klassen, Konstruktoren und Factory-Funktionen

So rufen Sie die WeChat-Freigabe auf Funktion in nodejs

Das obige ist der detaillierte Inhalt vonSo erreichen Sie eine Verknüpfung zwischen zwei zTree auf einer einzigen Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!