Ext JS tabpanel不适合窗口大小

Ext JS tabpanel won't fit window size

本文关键字：窗口大小 不适合 tabpanel JS Ext      更新时间：2023-09-26

有人想在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'
        },

使用适合布局的Ext.container.Viewport类。viewport总是根据文档的视图大小调整自己的大小。

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