zTree的使用方法

官网:http://www.treejs.cn/v3/api.php

1.导包,设置div格式,其中class必须为ztree

    2.定义规则

    其中详细配置请参考官网,左半边都是setting中的参数

    var setting1 = {
    check: {
    		enable: true
    	} ,callback: {
    		/* onClick: myOnClick, */
      /*beforeCheck: myBeforeCheckCallBack*/
    		onCheck: myBeforeCheckCallBack
    	}
    };
    

    博主遇到的坑
    zTree的使用方法_第1张图片
    onclick是指点击节点之后响应
    beforeCheck是指在获取到节点数据之前的操作,即为点击了但是没有拿到该节点数据
    onCheck是指点击之后可以拿到几点数据,触发方法

    3.初始化ztree

      $.fn.zTree.init($("#treeDemo"), setting1, Nodes);
    
        参数1.选择器
        2.自定义的规则
        3.数据,一般为json数组
    

    4.点击回调

        //获取选中的windows节点
        var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
        //操作获得的对象,即为Nodes串封装的对象
        var name = treeObj.name;
    

    你可能感兴趣的:(公司学习)