zTree如何控制父节点和子节点的链接响应

Question

       var zNodes =[
                { name:"鄂尔多斯盆地",
                
                    children: [
                        { name:"伊盟隆起",
                            children: [
                                { name:"小草湖凹陷"},
                            ]
                        },
                        { name:"西缘冲断带",
                            children: [
                                { name:"红台构造带"},
                                { name:"疙瘩台区块"},
                            ]    
                        },
                        { name:"天环坳陷"},
                        { name:"渭北隆起"},
                        { name:"晋西挠褶带"},
                        { name:"伊侠斜坡",
                            children: [
                                { name:"白豹油田",
                                    children: [
                                { name:"木日格构造"},
                                { name:"超尔金构造"},
                                { name:"苏布构造"},
                                { name:"腾格尔一段"},
                            ]},
                            ]},
                    ]}
        ];
 
        $(document).ready(function(){
            $.fn.zTree.init($("#treeDemo"), setting, zNodes);

        });

代码和截图如上

问题：我想在分别点击父节点和子节点是在树形结构的右侧显示不同的链接 ，而左侧保持不变，这个该怎么写,欢迎大家多多建议。

Answer 1

sorry，最近太忙了，我现在还在加班中！

1、iframe 方式你明白吧？ 就是利用 iframe 的src 更改 iframe 内的页面内容

2、操作 DOM 方式，一般来说就是利用 zTree 的 onClick 回调，知道点击的哪个节点，然后可以利用 ajax 自行从后台获取要现实的内容或数据，得到数据后，用 js 控制在某个 div 内显示内容

关于 zTree 的 onClick 回调的使用可以看 API 文档以及 Demo http://www.ztree.me/v3/demo.php#_111

Answer 2

也能写一个简单是Demo供我参考吗

Answer 3

古老的方法用 iframe ；现在流行的方法利用 js 操作 DOM；

对于 zTree 来说，利用 onClick 可以捕获点击事件，并且可以得到被点击节点的数据。