ExtJS TabPanel barre de défilement manquante dans ViewPort

Question

J'ai un ViewPort que je veux ouvrir un certain nombre d'onglets. L'un de mes onglets est vraiment long et devrait balayer le bas de la page. Cependant, la barre de défilement est manquante sur le côté.

Voici ma configuration Viewport:

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

Et voici mon code add tab:

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

Merci à l'avance!

Answer 1

Dans votre code dessus, essayez de définir la propriété autoScroll à 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 cette façon, tous les onglets que vous ajoutez plus tard aura autoScroll automatiquement réglé sur true.