Extjs 将折叠面板添加到窗口会导致Ext JS 4中出现渲染错误

我在《ExtJS在行动》一书中列举了一些例子，其中一个遇到了问题。代码打算将新面板添加到窗口中，不幸的是，当正在添加的面板在默认情况下折叠时，它们无法正确渲染

以下是相关代码：

var childPnl1={
框架：对，
身高：50，
html:“我的第一个子面板”，
标题：“第一个孩子很有趣”
};
var myWin=新的外部窗口({
身高：300，
宽度：300，
标题：“具有容器布局的窗口”，
autoScroll：是的，
项目：[
儿童1
],
待定：[
{
文本：“添加子项”，
处理程序：函数（）{
var numItems=myWin.items.getCount（）+1；
myWin.add({
标题：“子编号”+numItems，
身高：60，
框架：对，
可折叠的：是的，
对,，
html：“耶，又是一个孩子！”
});
myWin.doLayout（）；
}}
]
});
myWin.show（）；

当我运行它时，我得到的结果显示在这把小提琴上：

当我点击“添加子对象”按钮时，折叠的面板被渲染为非常窄的元素，就好像宽度没有正确设置一样

---

这是Ext中的一个bug，还是在ExtJS4中有一种新的方法可以正确地执行此操作？

看起来像是ExtJS 4.0.2中的bug，在ExtJS 4.0.5中似乎已经修复。以下是我在发行说明中发现的内容：

[EXTJSIV-2547]-未呈现子组件。初始大小为 折叠的、未封闭的面板

---

我的工作有一个高级帐户，所以我可以下载并检查4.0.5。不过，您必须等待通用版本。

新的公共4.0.7版本似乎还没有修复此错误。

我相信这是一个错误，但无论如何，“容器”布局并不多，可以说它不进行任何大小调整，但是，如果您使用类似以下内容：'layout:{type:'vbox'，align:'stretch}，'。