在一个页面实现两个zTree联动的方法

来源：动视网责编：小采时间：2020-11-27 22:23:20

在一个页面实现两个zTree联动的方法

在一个页面实现两个zTree联动的方法:简介 zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件兼容 IE、FireFox、Chrome 等浏览器在一个页面内可同时生成多个 Tree 实例支持 JSON 数据支持一次性静态生成和 Ajax 异步加载两种方式支持多种事件响应及反

推荐度：

点击下载本文 文档为doc格式

导读在一个页面实现两个zTree联动的方法:简介 zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件兼容 IE、FireFox、Chrome 等浏览器在一个页面内可同时生成多个 Tree 实例支持 JSON 数据支持一次性静态生成和 Ajax 异步加载两种方式支持多种事件响应及反

简介

zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件

兼容 IE、FireFox、Chrome 等浏览器

在一个页面内可同时生成多个 Tree 实例

支持 JSON 数据

支持一次性静态生成和 Ajax 异步加载两种方式

支持多种事件响应及反馈

支持 Tree 的节点移动、编辑、删除

支持任意更换皮肤 / 个性化图标（依靠css）

支持极其灵活的 checkbox 或 radio 选择功能

简单的参数配置实现灵活多变的功能

引言

今天开发的时候，因为需求需要实现同一个页面左右两棵树，如果选中某一棵树的某一个节点，相应的另一颗树的该节点也被选中。（两棵树是有关联的。当然可以根据自己需要改变联动条件和方式）。

此处不再粘贴实现树的代码，仅仅展示实现联动的方法。

效果如图：

效果图

代码：

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联动的方法

推荐度：

点击下载本文 文档为doc格式

标签：一个页面一个页面

热门焦点

在一个页面实现两个zTree联动的方法

在一个页面实现两个zTree联动的方法

在一个页面实现两个zTree联动的方法

最新推荐

猜你喜欢

热门推荐