Question

我正在尝试从json文件创建一个树。 JSON数据是：

[
    {
        "root": {
            "text": "Root Node",
            "expanded": true,
            "children": [
                {
                    "text": "Invisible",
                    "leaf": true,
                    "children": [
                        {
                            "text": "Bookmark 2",
                            "leaf": true
                        },
                        {
                            "text": "Bookmark 3",
                            "leaf": true
                        }
                    ]
                },
                {
                    "text": "Visible",
                    "leaf": true,
                    "children": [
                        {
                            "text": "Bookmark 4",
                            "leaf": true
                        },
                        {
                            "text": "Bookmark 5",
                            "leaf": true
                        }
                    ]
                }
            ]
        }
    }
]

以下是我在商店中使用的代码：

Ext.define('DHT.store.Categories', {
    extend: 'Ext.data.TreeStore',
    model: 'DHT.model.Category',
    autoLoad: true,
    autoSync: true,
    proxy: {
        type: 'ajax',        
        url: 'treedata.json',
        reader:
        {
            type: 'json'           
        }
    }
});

这是树的代码：

Ext.define('DHT.view.Category.CategoryList', {   
    extend: 'Ext.tree.Panel',
    alias: 'widget.treeList',
    width: 200,
    height: 400,
    store: Ext.create('DHT.store.Categories'),
    rootVisible: false
});

以上代码仅显示继续扩展的文件夹图像！有人可以指出问题吗？

Answer 1

你有叶子：真实和孩子，这是不可能的

    {
        "text": "Invisible",
        "leaf": true,
        "children": [
            {
                "text": "Bookmark 2",
                "leaf": true
            },
            ...
        ]
    }

正确的：

{
    "text": "Invisible",
    "leaf": false,
    "children": [
        {
            "text": "Bookmark 2",
            "leaf": true
        },
        ...
    ]
}

您必须在树库中定义root属性
root属性需要保持一致，在你的情况下它将是'root'，'children'，'children' 请阅读：Treepanel with nested data from JSON

无法从json创建ExtJS树

1 个答案: