EXTJSタブパネルパネルを埋めるためにタブを伸ばしてください

Question

私はパネルの幅全体を埋めるためにextjsタブパネル上にタブを表示できないという問題があります。私はresizeTabsを呼び出そうとしましたが、事前にこのprobelemへの回答が見つかりませんでした。

Answer 1

個々のパネルの設定に「layout：fit」を追加します。

var tabs = new Ext.TabPanel({ 
    items: [{ 
     title: 'Tab 1', 
     html: 'A simple tab', 
     layout: 'fit' 
    },{ 
     title: 'Tab 2', 
     html: 'Another one', 
     layout: 'fit' 
    }] 
}); 

またはドライヤーのアプローチのために、あなたはすべてのパネルは「フィット」のレイアウトにしたい場合はタブパネルの「デフォルト」設定オプションを使用します。あなたのタブパネルの設定で

var tabs = new Ext.TabPanel({ 
    defaults: { 
     layout: 'fit' 
    }, 
    items: [{ 
     title: 'Tab 1', 
     html: 'A simple tab' 
    },{ 
     title: 'Tab 2', 
     html: 'Another one' 
    }] 
}); 

Answer 2

は、以下を追加しますtabBar設定：

 tabBar: { 
      defaults: { 
       flex: 1 
      }, 
      dock: 'top', 
      layout: { 
       pack: 'center' 
      } 
     }