Javascript 如何在ExtJS中为TreeGrid显示树节点中的文本

我正在尝试在树网格中显示文本。我可以使用根对象获得正确的数据“形式”。但是我在显示文本时遇到了问题，无论是在节点旁边，还是在相应的表列中

我的代码如下所示：

        Ext.onReady (function () {

            var treePanel = new Ext.tree.TreePanel({
                title: ' ',
                width: 900,
                height: 300,
                renderTo: Ext.getBody(),
                rootVisible: false,
                singleExpand: true,
                columns: [{
                    xtype: 'treecolumn',
                    text: 'Outlet',
                    dataIndex: 'outlet'
                },{
                    text: 'Mc Area',
                    dataIndex: 'mcarea'
                }
                ],
                root: {
                    children: [
                        {
//                            text: 'Outlet Group 1', ??
                            outlet: "Outlet Group 1",
                            mcArea: "Latin America",

                            children: [
                                {
                                    outlet: "Outlet 1",
                                    mcArea: "Argentina"

                                },{
                                    text: "Outlet 2",
                                    mcArea: "Chile"
                                }
                            ]
                        },
                        {
                            text: "Outlet Group 2"
                        }
                    ]
                }
            });
        });

但我看到的是：

---

即没有文本值。我假设数据结构中的“outlet”将与列中的“outlet”数据索引相匹配。

对于树网格您需要使用一个对应的，它定义了字段

outlet

。 您的

根目录

可以移动到商店的配置：

store: Ext.create('Ext.data.TreeStore', {
    root: {
        children: [
            {
                outlet: "Outlet Group 1",
                mcArea: "Latin America",

                children: [
                    {
                        outlet: "Outlet 1",
                        mcArea: "Argentina"

                    },{
                        text: "Outlet 2",
                        mcArea: "Chile"
                    }
                ]
            },
            {
                text: "Outlet Group 2"
            }
        ]
    },
    // model is created inline by the store
    fields: [
        {name: 'outlet', type: 'text'}
    ]
})

“树”面板上的配置仅用于简单的树，并将使用最低限度的模型创建树存储，但不适用于自定义数据字段