在使用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"}; } } }