EasyUi的tree中父节点展示不出来

最新推荐文章于 2022-03-10 08:41:15 发布

原创最新推荐文章于 2022-03-10 08:41:15 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #java #ViewUI

随手笔记同时被 2 个专栏收录

1 篇文章

订阅专栏

Jquery

1 篇文章

订阅专栏

本文记录了作者在使用EasyUI Tree控件时遇到的问题：后台数据配置中的state字段值导致前台无法正确显示父节点。通过调整state字段值从close到closed解决了问题。

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

在接触了easyUi的过程中，使用到了Tree控件，接着便想用静态数据来将Tree在前台给Show出来，后台数据是这样的，

Map<String, Object> map = new HashMap<String, Object>();
		map.put("target", "1");
		map.put("parentId", "1");
		map.put("state", "close");
		childMap.put("id", "5");
		map.put("text", "SpringS");
		map.put("children", childMap);
		list.add(map);

		map = new HashMap<String, Object>();
		map.put("target", "2");
		map.put("parentId", "1");
		map.put("state", "close");
		map.put("text", "Tomcat");
		map.put("iconCls", "icon-search");
		list.add(map);

		map = new HashMap<String, Object>();
		map.put("target", "3");
		map.put("parentId", "1");
		map.put("state", "close");
		map.put("text", "Servlet1");
		map.put("iconCls", "icon-search");
		list.add(map);

最后发现前台怎么也出不来父节点，全都是子节点的方式展开的，一直是以为前台的JS出了问题，经过不断的测试，才发现关键在于后台数据中一个字段state,很多的博客上都说是值为close时为父节点，值为open时展现为子节点。信以为真，结果还是无效，最后才灵机一动，是不是拼写上有什么问题，将[b]close[/b]换成了[b]closed[/b]，果然出来了，真是小细节不注意会出大麻烦。当此一记，后续不会再出现这个问题了。需要多多思考，问题得跳得步数大一些，敢想才能快速定位问题。