在同一个页面如果有两个tree,而且想要两个tree的点击事件区别开来,需要设置独立的一套setting和回调函数,如下:
//第一棵树
var setting = { isSimpleData : true, //数据是否采用简单 Array 格式,默认false treeNodeKey : "id", //在isSimpleData格式下,当前节点id属性 treeNodeParentKey : "pId", //在isSimpleData格式下,当前节点的父节点id属性 view: { showIcon: false, addHoverDom: false, removeHoverDom: false, selectedMulti: false }, data: { simpleData: { enable: true } }, callback: { onClick: zTreeOnClickcar } }; /*var zNodes =[ {id:1, pId:0, name:"奥迪"}, {id:101, pId:1, name:"一汽-大众"}, {id:102, pId:101, name:"迈腾"}, {id:103, pId:101, name:"奥迪A4"}, {id:2, pId:0, name:"巴博斯"}, {id:201, pId:2, name:"巴博斯1"}, {id:202, pId:2, name:"巴博斯2"}, {id:3, pId:0, name:"宝马"}, {id:301, pId:3, name:"宝马1"}, {id:302, pId:3, name:"宝马2"}, {id:4, pId:0, name:"长城"}, {id:401, pId:4, name:"长城1"}, {id:402, pId:4, name:"长城2"}, {id:5, pId:0, name:"大众"}, {id:501, pId:5, name:"大众1"}, {id:502, pId:5, name:"大众2"} ];*/ var zNodes; $(document).ready(function(){ $.ajax({ dataType : "json", url: "js/data/carztree.json",//请求的路径 success:function(data){ //请求成功后处理函数。 zNodes = data.data; //把后台封装好的简单Json格式赋给treeNodes }, error: function () {//请求失败处理函数 alert('请求失败'); } }); $.fn.zTree.init($("#carztree"), setting, zNodes); }); function zTreeOnClickcar(event, treeId, treeNode) { // alert(treeNode.tId + ", " + treeNode.name); //显示tree的id和名字 if(treeNode.tId == "carztree_3"){ gotoUrl(105); } };
//第二棵树
var setting1 = { isSimpleData : true, //数据是否采用简单 Array 格式,默认false treeNodeKey : "id", //在isSimpleData格式下,当前节点id属性 treeNodeParentKey : "pId", //在isSimpleData格式下,当前节点的父节点id属性 view: { showIcon: false, addHoverDom: false, removeHoverDom: false, selectedMulti: false }, data: { simpleData: { enable: true } }, callback: { onClick: zTreeOnClick } }; var zNodes2; $(document).ready(function(){ $.ajax({ dataType : "json", url: "js/data/carchildren.json",//请求的路径 success:function(data){ //请求成功后处理函数。 zNodes2 = data.data; //把后台封装好的简单Json格式赋给treeNodes }, error: function () {//请求失败处理函数 alert('请求失败'); } }); $.fn.zTree.init($("#modelcarztree"), setting1, zNodes2); }); function zTreeOnClick(event, treeId, treeNode) { // alert(treeNode.tId + ", " + treeNode.name); //显示tree的id和名字 if(treeNode.tId == "modelcarztree_3"){ gotoUrl(107); } // if(treeNode.tId == "modelcarztree_4"){ // gotoUrl(107); // } };