实现一个页面中两个zTree的联动

作者: 黑码不黑 | 来源:发表于2017-12-14 20:01 被阅读0次

    今天开发的时候,因为需求需要实现同一个页面左右两棵树,如果选中某一棵树的某一个节点,相应的另一颗树的该节点也被选中。(两棵树是有关联的。当然可以根据自己需要改变联动条件和方式)。此处不再粘贴实现树的代码,仅仅展示实现联动的方法。
    效果如图:


    效果图

    代码:

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

    其中treeId为你想与之联动的树的ID,将该方法在zTree的onclick方法中进行调用,根据自己情况,传入参数,然后实现联动。方法selectNode()参数为树的节点,作用为:使该节点被选中。

    相关文章

      网友评论

        本文标题:实现一个页面中两个zTree的联动

        本文链接:https://www.haomeiwen.com/subject/rgllwxtx.html