具有rootVisible = true的Treepanel未显示

时间:2012-09-13 10:28:22

标签: extjs root extjs4.1 treepanel

使用rootVisible: false时,我的树正确显示。但是,将其设置为true会导致没有树显示且没有错误。

我的目标是显示一个我可以定义为/Root的根节点。怎么做到这一点?


我的解决方案:

rootVisible放到true并将其添加到我的树商店:

root: {
               id       : '/',
               expanded : false,
               name     : '/',
               type     : 'folder',
               path     : '/',
               root     : true
            }

1 个答案:

答案 0 :(得分:4)

默认情况下,Rootnode的名称为Root。但您可以指定任何其他名称。

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        text: "/",
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", expanded: true, children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: "buy lottery tickets", leaf: true }
        ]
    }
});

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

如果这没有帮助,请从服务器,TreeStore,读者发送的数据中发布更多代码。