javascript - 如何在 extJs 中将静态 JSON 放入 TreeStore 中

Question

我正在尝试将 JSON 放入我的 treeStore 中。

ExtJs 版本 - 4.0.7

我有 JSON::

var output = [{"name":"2","children":[{"name":"2.1","children":[]}]},{"name":"Accessories","children":[{"name":"Bracket","children":[]},{"name":"Clamp","children":[]}]},{"name":"Actuator","children":[{"name":"Accessories","children":[{"name":"Bracket","children":[]}]}]}]

代码::

var store = Ext.create('Ext.data.TreeStore', {
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            id:'text'
        }
    },
    root: {
            expanded: true,
            children: []
        }

});



var rootNode = store.getRootNode();
rootNode.appendChild(JSON.stringify(output));

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
});

提前致谢

Answer 1

尝试更改name至text在 JSON 字符串中。另外，您不需要调用JSON.Stringify :rootNode.appendChild(JSON.stringify(output))应该是rootNode.appendChild(output) 。另外，而不是 children:[]在叶节点的 JSON 字符串中，您可以使用 leaf:true因为这将在树面板中正确显示。

参见 fiddle here