layui 勾选不联动父项树形控件_layui树形组件重现勾选过程的办法

layui提供了两种初始化节点选中状态的方式

一 tree.setChecked('demoId', [2,13,18,19]); //批量勾选 id 为2,13,18,19 的节点

其中19是用户真实勾选的节点ID，但是组件提交的勾选节点包含全路径.

如果顶级权限被勾选了，那么layui设置节点勾选的时候就会勾选其全部的权限也就是默认就勾选了所有权限。

layui树形组件此时无法重现用户的节点勾选情况了，怎么办？

这个时候就不能从前台的角度来解决问题了，因为layui树形组件的规则就是这样的。

二通过数据源设置初始选中状态

那这代表我们可以把，2，13，18，19这四个节点的checked属性设置为true吗？不行，如果顶级权限的checked为true，这表示所有权限都处于初始选中状态。

现在我们重新回顾一下树形组件的使用过程:

我们要给某个角色加上角色列表的操作权限，组件于是选中了角色列表和及祖先节点.

当然我们勾选后台角色，那么其子节点角色列表也会被勾选.

如果目标子节点无兄弟节点，这两种选中方式组件勾选的数据相同.

通过勾选父节点选中后代节点的方式可以提高勾选效率，仅此而已。

整个属性组件的使用过程中，我们需要关心的永远只有叶子节点，这是节点初始化选中状态的核心逻辑，也就是说我们把用户真实勾选的，叶子节点，19设置成勾选状态就可以了。

方式一，设置数据源中勾选的叶子节点checked属性为true，

foreach ($res as $key => $value){

//是否有子节点

$count = AdminPrivileges::where([['pid','=',$value['id']],['status','=','1001']])->count();

if(in_array($value['id'],$privileges)&&$count==0){

$res[$key]['checked'] = true;

}else{

$res[$key]['checked'] = false;

}

unset($res[$key]['level']);

if($count!=0){

$temp = $this->get_lower_i($where,$value['id'],$privileges);

$res[$key]['children'] = $temp;

}

方式二，通过tree.setChecked，第二个参数为勾选的叶子节点。

tree.setChecked('demoId', [19]);

layui 勾选不联动父项树形控件_layui树形组件重现勾选过程的办法相关推荐

vue+element-ui之tree树形控件有关子节点和父节点之间的各种选中关系详解
做后端管理系统,永远是最蛋疼.最复杂也最欠揍的事情,也永远是前端开发人员最苦逼.最无奈也最尿性的时刻.蛋疼的是需求变幻无穷,如同二师兄的三十六般变化:复杂的是开发难度寸步难行,如同蜀道难,难于上青天: ...
elementui tree获取父节点_vue_elementUI_ tree树形控件获取选中的父节点ID
一, vue_elementUI_ tree树形控件 1.1默认点击tree节点的第一个(注意不是checked选中) :expand-on-click-node="false" ...
VS2010/MFC编程入门之三十（常用控件：树形控件Tree Control 上）
前面两节为大家讲了列表视图控件List Control,这一节开始介绍一种特殊的列表--树形控件Tree Control. 树形控件简介树形控件在Windows系统中是很常见的,例如资源管理器左侧的 ...
树形控件Tree Control
树形控件Tree Control 前面两节为大家讲了列表视图控件List Control,这一节开始介绍一种特殊的列表--树形控件Tree Control. 树形控件简介树形控件在Windows系统 ...
vue树形结构html,怎么在vue中利用递归组件实现一个树形控件
怎么在vue中利用递归组件实现一个树形控件发布时间:2021-06-11 17:26:48 来源:亿速云阅读:81 作者:Leah 本篇文章为大家展示了怎么在vue中利用递归组件实现一个树形控件, ...
Element-ui实现树形控件节点添加图标
1.效果图 2.树形表格绑定数据加标签想要在树形控件的树节点加上图片或者element-ui的图标,可以在树形表格绑定数据中加上标签icon children: [{icon:'el-icon-to ...
Element Tree 树形控件自定义显示样式与hover事件绑定实现添加、删除和修改
Element Tree 树形控件自定义显示样式与hover事件绑定实现添加.删除和修改最近在搞erp项目对应后台的管理功能,为了加速开发使用了 vue-element-admin 开发,使用的是e ...
带复选框和简单描述的Qt QTreeWidget树形控件的简单使用
Qt QTreeWidget树形控件的简单使用具有选择框的树形控件具有选择框的树形控件效果:当选中顶层的树形节点时,子节点全部被选中:当取消选中顶层树形节点时,子节点全部被取消:当选中子节点时, ...
python3：wxpython分割窗、通过菜单项切换左面板树形控件
1. 功能概述这里简单介绍下,通过分割窗垂直分割出两块区域,并绑定两个面板,左面板绑定3个树形控件,初始隐藏.然后添加菜单,绑定事件,通过点击菜单来切换树形控件的显示 2. 效果图 ...

layui 勾选不联动父项树形控件_layui树形组件重现勾选过程的办法

layui 勾选不联动父项树形控件_layui树形组件重现勾选过程的办法相关推荐

最新文章

热门文章

layui 勾选不联动父项 树形控件_layui树形组件重现勾选过程的办法

layui 勾选不联动父项 树形控件_layui树形组件重现勾选过程的办法相关推荐

最新文章

热门文章

layui 勾选不联动父项树形控件_layui树形组件重现勾选过程的办法

layui 勾选不联动父项树形控件_layui树形组件重现勾选过程的办法相关推荐