Javascript 在extjs4中使用可折叠

我正在尝试使ExtJS4中的一个面板可折叠。当我使用“可折叠：true”时，当我的应用程序运行时，面板是可折叠的。但是如果我折叠面板，它就会消失，所以我无法打开它

我不确定我的面板周围或正上方需要什么。我已尝试使用示例代码：

{
region: 'north',
collapsible: false,
title: 'North',
split: true,
height: 100,
minHeight: 60,
html: 'north'
},

---

当我将其添加到我的视口中，使其位于网页的顶部时，这一点就起作用了。但是当我把它放在我想放在页面上的位置时，我可以折叠它，但是它会出现。有人能告诉我倒塌时是什么导致它不见了吗？

我遇到了一个类似的问题，并根据自己的经验解决了它。基本上，确保在遇到问题的面板上指定了Right布局配置，例如

layout:'fit'

扩展Geronimo的答案，有时仅在面板本身上设置布局是不够的。在这种情况下，请尝试使用布局

fit

将面板包装到另一个面板中。而不是

{
  xtype: 'mypanel',
  title: 'my little panel',
  collapsible: true,
  ...
}

这样做：

{
  xtype: 'panel',
  title: 'my little panel', // Pull certain configs up to the wrapper panel,
  collapsible: true,        // like title and collapsible
  layout: 'fit',
  items: [
    {
      xtype: 'mypanel',
      title: undefined,     // Make sure there is not another title bar
      border: false,        // We don't want another border
      ...
    } 
  ]
}

不太好，但到目前为止，我找不到更好的解决方案，它确实在两种不同的情况下对我有效