layui tree 新增取消选中所有节点的方法

layui版本 2.5.5 

项目中 选中用户需要勾选展示该用户部门 如果用layui已有方法需要使用tree.render()重载 会进入后台重新请求 不想这么麻烦 也可以减少后台压力

 

在tree.js中添加如下方法

    //设置取消选中
    Class.prototype.qxChecked = function(){
        var that = this;

        //初始选中
        that.elem.find('.'+ELEM_SET).each(function(i, item){
            var thisId = $(this).data('id')
                ,input = $(item).children('.'+ELEM_ENTRY).find('input[same="layuiTreeCheck"]')
                ,reInput = input.next();

            if(input[0].checked){
                reInput.click();
            }
        });
    };

 

tree.js  给tree实例赋予方法：

    //取消节点选中
    tree.qxChecked = function(id){
        var that = thisModule.that[id];
        return that.qxChecked();
    };

 

使用：

tree.qxChecked('treeId');

参数treeId为初始化tree时指定的ID值  如：

tree.render({
                        id: 'treeId'
});

 

如果本地下载的tree.js代码可能是压缩后的编码，需要从git上下载源码然后修改

 

效果亲测可用，非前端，改动如果不合理，请指出。

 

 

 

 

技 术 无 他， 唯 有 熟 尔。
知 其 然， 也 知 其 所 以 然。
踏 实 一 些， 不 要 着 急， 你 想 要 的 岁 月 都 会 给 你。