标签：级联 父级 LayUI treeTable 复选框 树形 noCascade 联动

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。