Ext JS tabpanel不适合窗口大小

Question

有人想在Ext JS中完成一个面板来动态调整窗口大小。我不熟悉Ext，但经过几个小时的搜索，我还没有找到一个有效的解决方案。以下是预计要修复的代码：

var histotab = Ext.createWidget('tabpanel', { 
         activeTab: 0,
     width : 2000,
     height : "50%",
     defaults :{
         bodyPadding: 10
     },
    items: [
        {
           id: 'chartCmp',
           title: 'By Year',
           xtype: 'chart',
           style: 'background:#fff',
           layout:'fit',
           animate: true,
       shadow: true,
           store:SOD.storeHistogram,
           axes: [{
        type: 'Numeric',
        position: 'left',
        fields: ['countoffiles'],
        label: {
            font: '8px Arial'
        },

非常感谢任何建议。

Answer 1

使用具有适合布局的Ext.container.Viewport类。视口总是将自身调整为文档视图大小。

Ext.widget('viewport', {
    layout: 'fit',
    items: {
        xtype: 'tabpanel',
        items: [{
            title: 'Foo',
            html: 'First tab'
        }]
    }
});