layui复选框半选回显

在使用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 {
                                                        item.checkArr = {"type": "0", "checked": "2"};;// check,选中状态。此处的checked表示  dtree 复选框半选状态
                                                    }
                                                }
                                            } else {
                                                if (item.checked) {
                                                    item.checkArr = {"type": "0", "checked": "1"};
                                                } else {
                                                    if (organizationList.length === 0) {
                                                        item.checkArr = {"type": "0", "checked": "0"};
                                                    } else {
                                                        item.checkArr = {"type": "0", "checked": "2"};
                                                    }
                                                }
                                            }

版权声明:本文为WangYanLong258原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。