ExtJS TabPanel thiếu thanh cuộn trong ViewPort

Question

Tôi có một ViewPort mà tôi muốn mở một số tab. Một trong các tab của tôi thực sự dài và nên đánh dấu ở cuối trang. Tuy nhiên, thanh cuộn bị thiếu ở bên cạnh.

Đây là thiết lập Viewport của tôi:

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 
      }] 
     }) 
    ] 
}); 

Và đây là mã tab add tôi:

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); 
}); 

Cảm ơn trước!

Answer 1

Trong mã hàng đầu của bạn, hãy thử đặt autoScroll tài sản để 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 
    }] 
}) 

Bằng cách này tất cả các tab bạn thêm sau sẽ có autoScroll tự động thiết lập để true.