使用jstree某些树形节点不显示

最新推荐文章于 2023-10-19 12:37:30 发布

原创

最新推荐文章于 2023-10-19 12:37:30 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jstree #节点展开异常

在使用jstree构建系统菜单按钮树时遇到问题，一级节点展开后子节点未显示。排查后发现并非数据传输或格式错误，而是由于所有节点id重复导致。解决方案是确保所有节点的id唯一，不同层级节点可添加前缀避免冲突。此外，jstree要求json数据包含id、text、children等特定字段。

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

使用jstree构建系统-菜单-按钮树时，本来是想呈现这样的效果：
这里写图片描述

结果第一层节点打开后，子节点不显示了，点击一下，所有节点全没了，页面和后台也没有报错，实在是太诡异了。

因为是后台串json串到前台，所以我在控制台打印了一下传输的数据：

[
                {
                    "id": "1",
                    "text": "权限认证系统",
                    "children": [
                        {
                            "id": "1",
                            "text": "用户管理",
                            "children": [
                                {
                                    "id": "1",
                                    "text": "测试1"
                                }
                            ]
                        },
                        {
                            "id": "2",
                            "text": "角色管理",