Ext.Viewportのアンカーレイアウトパネルのネストされたborderlayoutパネルの折りたたみ

Question

私はExtを学び始め、このような問題を抱えています。コード付きのビューポートを持っています

しかし、境界線レイアウトのアイテムは縮小され、そのブロックの1px境界のみが表示されます。私がscrollBarを持つことは重要です。したがって、ビューポート全体にボーダーレイアウトを使用することはできません。その問題を解決するのを手伝ってください。

Answer 1

ボーダーレイアウトでパネルの高さを設定する必要があります。この時

{ 
    layout: 'border', 
    height: 100, 
    items: [ 
     { 
     collapsible: true, 
     width: 240, 
     title: 'Aside Column', 
     region: 'west', 
     layout: 'fit', 
     html: 'Aside widgets (news, balance, budget, goals) would be here.'}, 
    { 
     title: 'Main Block', 
     border: false, 
     region: 'center', 
     layout: 'fit', 
     html: 'Main block were tabPanel would be nested in.'} 
    ] 
} 

ルック：http://jsfiddle.net/3CabN/4/