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 树组件未正确呈现的主要内容,如果未能解决你的问题,请参考以下文章
GRID 未在 ExtJS 4 中使用 Store 正确呈现