LayUI 树形表格禁用复选框级联

LayUI 树形表格禁用复选框级联

我使用的是layui的树形表格treeTable插件，路径：https://gitee.com/whvse/treetable-lay.git

增加红色框中的代码，含义是：如果页面传递过去的“noCascade”树形是true时，表示树形表格的复选框不需要级联勾选，即勾选父级的复选框时，该父级下的子级不会被勾选；当勾选子级的复选框时，父级的复选框也不会被勾选。如果想级联，不配置“noCascade”或者“noCascade: false”即可。

// 联动操作
修改treeTable.js的代码如下：

if (d[options.tree.childName] && d[options.tree.childName].length > 0) {
    if(!options.tree.noCascade){//noCascade不联动，不填或者false是为treeTable默认联动，配置为true时，为不联动
        that.checkSubCB($tr, checked);  // 联动子级
    }
}

if(!options.tree.noCascade){//noCascade不联动，不填或者false是为treeTable默认联动，配置为true时，为不联动
    that.checkParentCB($(this));  // 联动父级
    indent = tInd;
}

效果如下：

标签：级联,父级,LayUI,treeTable,复选框,树形,noCascade,联动
来源： https://blog.csdn.net/a84707227/article/details/114282564