ztree插件同一页面多个tree想要每个tree有独立的点击事件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yuanlijiefengjuan/article/details/79019877

在同一个页面如果有两个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);
     // }
};