extjs 树组件未正确呈现答案

【问题标题】：extjs tree component not being rendered correctlyextjs 树组件未正确呈现
【发布时间】：2012-05-30 17:35:11
【问题描述】：

我很难学习 ExtJS。尽管几乎所有地方都提到它与 DOJO 等其他产品相比是最简单的。
我试图创建的是一棵简单的树（没有 MVC .. 只是一棵简单的树）。这是我的 javascript 代码..

 Ext.create('Ext.tree.Panel', {
            renderTo: Ext.getBody(),
            title: 'Simple Tree',
            width: 150,
            height: 150,
            root: {
                text: 'Root',
                expanded: true,
                children: [
                    {
                        text: 'Child 1',
                        leaf: true
                    },
                    {
                        text: 'Child 2',
                        leaf: true
                    },
                    {
                        text: 'Child 3',
                        expanded: true,
                        children: [
                            {
                                text: 'Grandchild',
                                leaf: true
                            }
                        ]
                    }
                ]
            }
        });

并且只有像面板这样的东西被渲染在 body 上。 html是这样的

<body>
    <div>

    </div>
</body>

我做错了什么？
更新：-
1.这里的整个javascript都放在body标签之后的页面中。
2. 包括bootstrap.js jsvascript 文件，该文件与ExtJS 下载捆绑在一起。

【问题讨论】：

您的代码似乎没有问题。以下是运行的代码：jsfiddle.net/FULtb 你在 firebug 或 chrome 控制台上遇到任何错误吗？
no--chrome 或 ie 中没有错误。我得到的是网页上的一个面板，没有别的
哎呀我缺少的是 Ext.onReady() 但我不明白为什么当我在末尾包含脚本并且正在渲染面板时需要它

标签： extjs4 javascript-framework

【解决方案1】：

Ext.create() 函数应该在 Ext.onReady() 内部调用，否则某些元素会被渲染而其他元素不会被渲染

【讨论】：

2.cildern后面的方括号是废话。要获得“孙子”== ...root.children[2]["children"]**[0]**["text"]。有一个长度为 1 的 useless 数组级别。这可能是以后的陷阱。