【EasyUI】Tree中自定义在节点前是否显示checkbox

最新推荐文章于 2024-05-09 10:22:47 发布

寒泉Hq

最新推荐文章于 2024-05-09 10:22:47 发布

阅读量2.6w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML+CSS+JS

本文链接：https://blog.csdn.net/sinat_42483341/article/details/102558416

HTML+CSS+JS 专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何在使用易UI框架的树形菜单中，通过JavaScript代码逻辑判断，仅显示叶子节点的复选框，而隐藏所有父节点的复选框，以实现更符合需求的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：https://blog.csdn.net/qq_40529542/article/details/90729145

在tree中利用checkbox显示复选框时，发现每个节点前面都有，如图所示
在这里插入图片描述
如果不想让父节点显示checkbox，解决办法如代码所示

如果以下方式无效，尝试换一下easyui版本

			$('#main_tree').tree({    
				data: [{
					text: 'Item1',
					state: 'closed',
					children: [{
						text: 'Item11'
					},{
						text: 'Item12'
					}]
				},{
					text: 'Item2'
				}],
			    animate:true,
		        checkbox:function (data) {
		            //判断是否有子节点
		            if(data.children){
		                return false;
		            }
		            return true;
		        },
		    });