ExtJS TabPanel que falta barra de desplazamiento en ViewPort

Question

Tengo un ViewPort que quiero abrir varias pestañas. Una de mis pestañas es muy larga y debería aparecer en la parte inferior de la página. Sin embargo, la barra de desplazamiento falta desde un lado.

Aquí está mi configuración de ventana gráfica:

var viewport = new Ext.Viewport({ 
    layout:'border', 
    enableTabScroll:true, 
    deferredRender:true, 
    items:[ 
     new Ext.BoxComponent({ // raw 
      region:'north', 
      el: 'north', 
      height:32 
     }),{ 
      region:'west', 
      id:'west-panel', 
      title:'West', 
      split:true, 
      width: 200, 
      minSize: 175, 
      maxSize: 400, 
      collapsible: false, 
      margins:'0 0 0 5', 
      layout:'accordion', 
      deferredRender: true, 
      layoutConfig:{ 
       animate:true 
      }, 
      items: [{ 
       contentEl: 'west', 
       title:'Navigation', 
       border:false, 
       collapsible: false, 
       iconCls:'nav' 
      }] 
     }, 
     new Ext.TabPanel({ 
      region:'center', 
      id:'center', 
      activeTab:0, 
      items:[{ 
       contentEl:'center1', 
       title: 'Close Me', 
       closable:true, 
       layout:'fit', 
       autoScroll:true 
      }] 
     }) 
    ] 
}); 

Y aquí es mi código de complemento pestaña:

Ext.get("addplace").on('click', function() { 
    centerTabs = Ext.getCmp('center'); 
    tab = centerTabs.add(new Ext.TabPanel({ 
     iconCls: 'tabs', 
     id: 'add_place_tab', 
     autoLoad: {url: '/admin/addplace', scripts : true,}, 
     title: 'Add Place', 
     loadMask: false, 
     closable:true 
    })); 
    centerTabs.setActiveTab(tab); 
}); 

Gracias de antemano!

Answer 1

En el código de arriba, intente establecer la propiedad autoScroll a true:

new Ext.TabPanel({ 
    region:'center', 
    id:'center', 
    activeTab:0, 
    defaults:{ autoScroll:true }, // here 
    items:[{ 
     contentEl:'center1', 
     title: 'Close Me', 
     closable:true, 
     layout:'fit', 
     autoScroll:true 
    }] 
}) 

De esta manera todas las pestañas que añadir más tarde tendrá autoScroll ajusta automáticamente a true.