layui树组件回显问题

已于 2024-08-16 11:31:58 修改
阅读量215 收藏
点赞数 2
分类专栏： layui 文章标签： layui 前端 javascript
于 2024-08-16 11:27:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38469280/article/details/141254668
版权

问题：由于原组件默认选中父节点会勾选底下所有的子节点，那我们回显就无法避免没选中的回显全部都选中了

解决方案：

首先我们可以通过官网直接找到layui所在git的源代码，clone到我们本地

打开源代码找到文件tree.js，在config中加入我们所需的控制变量checkChild和回显恢复父节点选中子节点的backShow(不需要可不加)

找到setCheckbox方法，在回显子节点加上我们的控制变量

最后把我们的回显后恢复父节点默认选中底下子节点功能恢复（其实也就是调用了setChecked方法后把checkChild设置成了true）

最后打包release后把代码copy到我们的项目就ok了

阿正丶
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui-tree树形模板
05-30
layui-tree是layui提供的树形管理，可以用于后台做权限列表的使用，只需要后台整理好数据给前台展示，勾选之后提交给后台即可。
layui表格数据复选框回显设置方法
10-16
layui是一款优秀的前端框架，提供了丰富的组件和API，使得开发者能够轻松构建界面。然而，在layui的早期版本（如2.3版本）中，对于表格数据的复选框回显功能并不直接支持。本文将详细讲解如何实现layui表格数据复选...
layui 树型tree组件 回显BUG
qq_37496750的博客
04-19 1347
父级回选时, 不管子级有没有设置回显, 都会导致子级全部勾选 解决办法是: 在后端代码添加逻辑, 有子树的都不选中 因为选中子树时, 父级会跟着选中,所有这是没问题的
树形结构的勾选、取消勾选、删除、清空已选、回显、禁用
最新发布
dayday_0724的博客
06-25 1377
本文章主要解决使用element-ui中的el-tree实现树形数据的勾选、展示、取消勾选、清空已选、禁用等问题
关于layui的树形表格回显
ruchiruzui2012的专栏
08-06 3708
关于layui默认的tree再回显时会进行级联勾选，这是个bug，已有人在社区发表讨论与建议了。目前个人采用的解决办法：是在后台判断当前角色拥有的子级id进行设置checked:true，这样在前台展示的时候它就会通过子级的id自动去级联勾选父级的id，是我们想要的展示效果加粗样式。 主后台代码： // layui 菜单权限 start /** * layui 的tree 方式...
layuitree组件回显bug问题
weixin_46011182的博客
06-03 880
layuitree组件回显导致子集选中bug，已解决
layui tree组件 回显bug(只要勾选一个子集在回显的时候会勾选全部子集)
weixin_44380294的博客
06-25 859
转载: https://blog.csdn.net/weixin_42232296/article/details/110786038#comments_15151233
基于layui的下拉列表的数据回显方法
10-16
本文将详细介绍如何使用layui框架来实现下拉列表的数据回显功能。 ### 基于layui的下拉列表数据回显 在介绍具体的数据回显方法之前，我们先来了解一下下拉列表的HTML结构和数据回显的基本概念。 #### 下拉列表的...
layui table数据修改的回显方法
10-16
在Web开发中，数据回显是用户界面设计的常见需求之一，尤其是在使用表格控件如layui table进行数据展示和操作时。layui是一个前端UI框架，其table模块提供了数据展示和操作的强大功能。在本篇文章中，将介绍如何在...
layui树形下拉菜单完整实例
10-31
在“layui树形下拉菜单完整实例”中，我们主要关注的是如何将tree组件与下拉菜单相结合，实现如初始化、动态赋值以及获取选中值等关键功能。 首先，让我们了解layui的tree组件。tree组件是layui提供的一种用于展示...
解决layui 三级联动下拉框更新时回显的问题
10-16
综上所述，解决layui三级联动下拉框更新时回显问题的关键在于正确使用事件监听和回调函数，并在适当的时候更新下拉列表的数据。在实现过程中，需要注意的是，当下拉列表的值被设置为空字符串（""）时，不会触发事件...
layui组件之树形下拉框
04-22
layui组件之树形下拉框例子，看完你就会写下拉树了。不过同时还需要下载ztree的相关js和style 不过压缩包里都有呢！希望对大家有所帮助
layui菜单管理（树结构）
01-09
layui菜单页面，用火狐浏览器打开index.html可以查看演示，非常好用的
tree树形数据结构
09-23
Jive是著名的open source论坛,这次我们来研究其帖子结构,论坛是由一个个帖子组成,一个帖子后跟一个或几个回帖,这是一个典型的树形结构,有枝有叶,如下: 1 |-- 3 |-- |--4 |-- |--6 |-- 5 树形结构的应用是非常广泛的,如目录分类系统,菜单系统等等,所以,理解了Jive的应用原理,我们就可以在我们自己的系统中灵活对付树形结构. 这里主要是谈使用关系数据库如Mysql存放树形结构数据,然后我们再在内存中将其展开;以后我们尝试使用XML来对树形结构数据的存储. Jive中有三个基本对象: 1.Forum :论坛Forum 数据库中对应有forumID; 2.message:帖子，数据库中对应有messageID; 3.Thread:Thread是代表一系列Message的层次结构.可以理解成是messages的目录,是"枝";那么帖子messages当然就是"叶";"枝"和"叶"的区别就是:"枝"下面还可以有"枝"或"叶";而"叶"就是单独元素了.典型的树形数据结构出来了.
layui xmSelect下拉树与数据回显
qq_44091061的博客
11-17 3179
layui xmSelect下拉树与数据回显
Spring boot权限管理系统/零基础/Layui
07-13
本套课程采用maven+idea开发技术选型 spring boot mybatis layui 使用 layui table tree 和树形表格搭建漂亮的后台权限管理系统易上手可以快速学习适合找个项目练手的同学
LayUI—tree树形结构的使用
热门推荐
小马同学
09-01 10万+
树形结构在实际开发中很长用到，比如部门管理，权限菜单等。因为用树形结构来展示会显的很清晰明了。最近写了一个个人博客小项目中用到了LayUI的树形结构，之后写了一个小案例整理一下。 官网地址：https://www.layui.com/v1/doc/modules/tree.html 先看一下显示的效果图。 点击节点右面会显示对应部门的详情信息，可以修改。可以自定义按钮添加部门，也可以直接...
layui tree树组件回显
09-05
layui tree树组件是一款基于layui框架的前端树形结构展示组件。回显指的是在页面加载完成后，已经选中的节点能够显示出来。 要实现layui tree树组件的回显，首先需要在前端页面引入相应的layui和tree组件的JS和CSS文件。然后通过使用layui的tree组件的API方法，进行节点的添加和选中操作。 具体步骤如下： 1. 初始化tree组件，指定树形容器的ID，如var tree = layui.tree。并设置tree组件的相关参数，如是否开启多选等，可根据实际需要进行配置。 2. 创建一个数据对象，用于存储要回显的节点数据。可以通过后端接口获取到需要回显的数据，然后将数据存储到该对象中。 3. 调用tree组件的方法，将节点数据添加到树形结构中。例如，tree.reload('tree', {data: data})，其中'tree'是树形容器的ID，data是要回显的节点数据。 4. 使用tree组件的方法，将指定的节点选中。例如，tree.setChecked('tree', nodeId)，其中'tree'是树形容器的ID，nodeId是要选中的节点的ID。 5. 最后，通过渲染树形结构，使回显的节点在页面中显示出来。如tree.render()。 通过以上步骤，就可以实现layui tree树组件的回显功能。用户在页面加载完成后，会看到预先设定好的节点已经被选中显示出来。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值