ztree树形结构插件点击,复选框事件给传值

将树形节点中,存储的参数,点击以后赋给变量,已起到给下面接口调用的做用。
/ 申明三个全局数组用来绑定第二级结构树中点击的参数
  var my_relatedtopos = [];

  //树形结构
  var zTree;
  var demoIframe;

  var setting = {
    check: {
      enable: true
    },
    view: {
      dblClickExpand: false,
      showLine: true,
      selectedMulti: false,
      showIcon: true
    },
    data: {
      simpleData: {
        enable: true,
        idKey: "id",
        pIdKey: "pId",
        rootPId: ""
      }
    },
    callback: {
      beforeClick: function (treeId, treeNode) {
        var zTree = $.fn.zTree.getZTreeObj("tree");
        if (treeNode.isParent) {
          zTree.expandNode(treeNode);
          return false;
        } else {
          demoIframe.attr("src", treeNode.file + ".html");
          return true;
        }
      },
//复选框事件中给全局变量传值
      onCheck: function (event, treeId, treeNode) {
        console.log(treeNode.id)
//判断点击的是不是最下级节点,如果是则赋值
        if (treeNode.children == undefined) {
//判断是选中复选框则赋值
          if (treeNode.checked == true) {
            my_relatedtopos.push(treeNode.id);
            my_relatedname.push(treeNode.name);
            console.log(my_relatedtopos);
//判断是取消复选框则去值
          } else if (treeNode.checked == false) {
            remove_val_inarr(my_relatedtopos, treeNode.id);
          }
        }
      }
    }
  };

//树形接口数据
  var zNodes = [{ id:1, pId:0, name:"普通的父节点"},
  { id:11, pId:1, name:"叶子节点 - 1"},
  { id:12, pId:1, name:"叶子节点 - 2"},
  { id:13, pId:1, name:"叶子节点 - 3"},
  { id:2, pId:0, name:"NB的父节点"},
  { id:21, pId:2, name:"叶子节点2 - 1"},
  { id:22, pId:2, name:"叶子节点2 - 2"},
  { id:23, pId:2, name:"叶子节点2 - 3"},
  { id:3, pId:0, name:"郁闷的父节点"},
  { id:31, pId:3, name:"叶子节点3 - 1"},
  { id:32, pId:3, name:"叶子节点3 - 2"},
  { id:33, pId:3, name:"叶子节点3 - 3"}];
  
  $(document).ready(function () {
    var t = $("#tree");
    t = $.fn.zTree.init(t, setting, zNodes);
    var zTree = $.fn.zTree.getZTreeObj("tree");
     // 默认加载完页面展开树形
    zTree.expandAll(true);
  });

//主要是为了在zTree复选框上加上单机事件
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值