ASP.NET Core中使用jsTree无法生成正确TreeView问题排查

核心问题 #

你提供的JSON数据不符合jsTree的节点结构规范，导致组件无法识别正确的层级关系。jsTree默认使用parent字段指定节点的父节点，而你误用了name字段来关联父节点，因此所有节点都被识别为同级根节点。

修正后的JSON数据 #

将JSON中的name字段替换为parent，即可生成正确的树形结构：

[{"id":"1","parent":"#","text":"Root"},{"id":"2","parent":"#","text":"Menu"},{"id":"3","parent":"2","text":"File1"},{"id":"4","parent":"1","text":"Folder1"}]

补充说明 #

如果因业务需求无法修改字段名，可在jsTree初始化配置中通过core.data.fields自定义字段映射，示例如下：

$('#tree').jstree({
    'core': {
        'data': {
            'url': '/your-data-url',
            'dataType': 'json',
            'fields': {
                'parent': 'name', // 将业务字段name映射为jsTree的parent字段
                'text': 'text',
                'id': 'id'
            }
        }
    }
});

内容的提问来源于stack exchange，提问作者Laxmi Teli