How do two zTree interact with each other?

This time I will show you how to link two zTree with each other. What are the precautions for linking two zTree with each other? The following is a practical case, let’s take a look.

Introduction

• Compatible with IE, FireFox, Chrome and other browsers

• Can generate multiple Tree instances simultaneously in one page

• Support JSON data

• Support one-time static generation and Ajax asynchronous loading

• Support multiple events Response and feedback

• Supports tree node movement, editing,

  delete

• Supports any change of skin/personalized icon (Relying on css)

• Supports extremely flexible checkbox or radio selection function

• Simple parameter configuration realizes flexible and changeable functions

Introduction

The effect is as shown:

The effect is as shown

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

onclick method of zTree, pass in the parameters according to your own situation, and then implement linkage.

selectNode()The parameter is the node of the tree, and its function is to make the node selected.

How to use webpack to write jquery environment configuration

How does jQuery’s Validate plug-in verify the input value

#What to do if there is no reflection after the ajax request for background data is successful

Usage of jQuery EasyUI folding panel

The above is the detailed content of How do two zTree interact with each other?. For more information, please follow other related articles on the PHP Chinese website!