layui树形组件事件

谈一下layui中树形组件的使用

首先创建一个树形组件

 <div id="tree"
     style=" border-top: 1px solid #ddd; overflow: auto; ">
 </div>

在js代码中初始化组件

layui.config({
    base: "/js/"
}).use(['form', 'vue', 'layer', 'tree',  'jquery', 'laydate', 'droptree', 'openauth'], function () {
    var form = layui.form,
        tree = layui.tree
        
          tree.render({
                    elem: '#tree'  //绑定元素
                    , data: obj
                    , showCheckbox: true  //开启复选框
                    , edit: ['add', 'update', 'del'] //操作节点
                    , customOperate: true
                    , onlyIconControl: true //是否仅允许节点左侧图标控制展开收缩
                    , click: function (obj) {//DictionaryTypeId
                       alert(“这里是点击事件”);
                    }
                    , oncheck: function (obj) {
                      alert(“这里是选择复选框事件”);
                    }
                    , operate: function (obj) {
                        alert(“这里是操作节点事件”);
                    }
                });
  })

基本上用到的事件都在这里了 记录一下