accordion - ExtJS 4.1.1a: ボーダー レイアウトのネストされたアコーディオン レイアウトは、幅のないタイトルを持つことはできません

Question

ボーダー レイアウトのビューポートを作成しました。以下のように、西側に「パネル」アコーディオン サイド バーを配置しようとしました。

Ext.create('Ext.container.Viewport', {
  layout : 'border',
  items : [{
      xtype : 'panel',
      region : 'west',
      title : 'Panels',
      layout : {
        type : 'accordion'
      },
      items : [
        {
          title : 'Item 1',
          html : 'Content 1'
        },
        {
          title: 'Item 2',
          html: 'Content 2'
        }
      ]
    }
  ]
});

ExtJS から「レイアウトの実行に失敗しました」というメッセージが表示されるため、これは機能しません。以下の2つのオプションのいずれかで問題は解決しますが、それは私が望むものではありません:

1. アコーディオン パネルのタイトル構成を削除します。
2. アコーディオン パネルに幅の構成を追加します。

幅を設定せずにタイトルを設定する方法はありますか?

Answer 1

「ボーダー」レイアウトには「中央」領域が必要です。これは、親ボーダー レイアウトに中央領域を追加するときに機能するはずです。