Comment réaliser un lien entre deux zTree sur une seule page

Cette fois, je vais vous montrer comment réaliser la liaison de deux zTree en une seule page. Quelles sont les précautions pour réaliser la liaison de deux zTree en une seule page. un cas pratique. Levez-vous et jetez un œil.

Introduction

zTree utilise le code principal de JQuery pour implémenter un ensemble de plug-ins Tree pouvant compléter les fonctions les plus courantes

• Compatible avec IE, FireFox, Chrome et d'autres navigateurs

• Peut générer plusieurs instances d'arborescence simultanément sur une seule page

• Prend en charge les données JSON

• Prend en charge la génération statique unique et le chargement asynchrone Ajax

• Prend en charge plusieurs événementsréponses et commentaires

• Prend en charge le mouvement, l'édition et la suppression des nœuds d'arbre

• Prend en charge tout changement d'apparence/icône personnalisée (en s'appuyant sur CSS)

• Prend en charge la fonction de case à cocher ou de sélection radio extrêmement flexible

• La configuration simple des paramètres réalise des fonctions flexibles et modifiables

Introduction

Lors du développement aujourd'hui, en raison des exigences, nous devons implémenter deux arbres à gauche et à droite de la même page. Si un nœud d'un certain arbre est sélectionné, le nœud correspondant de l'autre arbre sera également sélectionné. (Les deux arbres sont liés. Bien entendu, vous pouvez modifier les conditions et méthodes de liaison en fonction de vos propres besoins).

Le code de l'arborescence d'implémentation n'est plus collé ici, seule la méthode pour réaliser la liaison est affichée.

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;
   }
  }
 }

Le treeId est l'ID de l'arbre avec lequel vous souhaitez établir un lien. Appelez cette méthode dans la méthode onclick de zTree, transmettez les paramètres en fonction de votre propre situation, puis implémentez la liaison.

Le paramètre de la méthode selectNode() est le nœud de l'arbre, et sa fonction est de faire sélectionner le nœud.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser les classes JS, les constructeurs et les fonctions d'usine

Comment appeler le partage WeChat fonction dans nodejs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!