layui复选框半选回显

最新推荐文章于 2022-09-15 09:59:47 发布

WangYanLong258

最新推荐文章于 2022-09-15 09:59:47 发布

阅读量818

点赞数

分类专栏： layui 文章标签： html5 javascript

本文链接：https://blog.csdn.net/WangYanLong258/article/details/108388476

版权

本文介绍了在layui的dtree组件中，如何在URL增量加载数据时实现半选状态的回显。主要聚焦于在无法通过父ID判断的情况下的解决方案，特别是针对最上层节点的半选状态处理。

摘要由CSDN通过智能技术生成

在使用layui 第三方插件dtree的情况下，我们经常会用到半选回显。在使用data 全量加载的情况下，我们可以通过父id 进行判断。但是在url 增量加载的情况下。基本很难实现半选回显。以下是我使用url 增量加载的情况下。对dtree数据最上层进行判断。进行半选回显。

 if (item.checked == null) {//item axjx 请求后返回的data数据,如果后端没返回checked。需要自行判断其他参数
                                                if (checked === "1") {
                                                    item.checkArr = {"type": "0", "checked": "1"};// check,选中状态。此处的checked表示  dtree 复选框全选状态
                                                } else {
                                                    if (organizationList.length === 0) {//organizationList,判断 是否又值。
                                                        item.checkArr = {"type": "0", "checked": "0"};;// 此处的checked表示  dtree 复选框全不选状态
                                                    } else {
                                                        i

最低0.47元/天解锁文章

WangYanLong258

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
layui复选框半选回显

在使用layui 第三方插件dtree的情况下，我们经常会用到半选回显。在使用data 全量加载的情况下，我们可以通过父id 进行判断。但是在url 增量加载的情况下。基本很难实现半选回显。以下是我使用url 增量加载的情况下。对dtree数据最上层进行判断。进行半选回显。 if (item.checked == null) {//item axjx 请求后返回的data数据,如果后端没返回checked。需要自行判断其他参数
复制链接

扫一扫