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

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

 



  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yuanlijiefengjuan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值