extjs 树组件未正确呈现

Posted

技术标签:

【中文标题】extjs 树组件未正确呈现【英文标题】:extjs tree component not being rendered correctly 【发布时间】: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() 但我不明白为什么当我在末尾包含脚本并且正在渲染面板时需要它 【参考方案1】:

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

【讨论】:

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

以上是关于extjs 树组件未正确呈现的主要内容,如果未能解决你的问题,请参考以下文章

样式系统按钮未正确呈现

Extjs XTemplate 无法正确呈现

GRID 未在 ExtJS 4 中使用 Store 正确呈现

在 Redux thunk 中创建的数组未正确传递到状态树

ExtJS 6 - 在快速水平滚动时,列标题和数据未正确对齐

测试期间未为子样式组件提供正确的主题