折り畳みをextjs4で使用する

Question

私はExtJS4で折りたたみ可能なパネルを作ろうとしています。 「collapsible：true」を使用すると、アプリケーションが実行されているときにパネルが折りたたまれます。しかし、私がパネルを崩壊させると、それは消えてしまい、私はそれをアンコレラートできません。

私は自分のパネルを囲むか、その真上にある必要があるか分かりません。私はサンプルコードを使用しようとしました：

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

私はビューポートに追加すると、ウェブページの上部にあるようになります。しかし、私はそれを私がそれを崩壊することができますが、それが消えてページ上にそれをしたい場所に位置するときに配置します。誰も私にそれが崩壊時に消えてしまう原因を知ってもらえますか？

Answer 1

私は同様の問題を抱えており、thisに基づいて解決しました。基本的には、問題が発生しているパネルで正しいレイアウト設定が指定されていることを確認してください（layout: 'fit'など）。

Answer 2

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 
     ... 
    } 
    ] 
} 

良くないが、これまでのところ、私はより良い解決策を見つけることができませんでしたし、それはすでに私のために2つの異なる状況で仕事をしました。