PDA

View Full Version : Scrolling dissappearing in tabpanel



sing
25 May 2010, 4:54 PM
I'm trying to update a tab using a link with onlick. When the tab is created, the vertical scroll bar appears on overflow, but when I hit the link and the tab reloads the scoll disappears...

I'm using the addTab function to create a new tab, and the menu function to reload the tab.

My code:
<a href="#" onClick="menu('Project','/projectes/show.php?id=' . $_GET['id'] . '&s=' . $mkey . ');">' . $Current . '</a>

var addTab = function(obj,activate){
var tab, tabs = Ext.getCmp('mainTabs');
if(tabs){
tab = tabs.add(obj);
if(tabs.rendered){
tabs.doLayout();
if(activate){
tabs.setActiveTab(tab);
}
}
}
};

var menu = function(obj,uri,params){
var panel = Ext.get(obj);
panel.load({
url: uri,
params: params,
nocache: true,
text: "Loading...",
timeout: 0,
scripts: true,
autoScroll: true
});
}


The panel reloads fine, but the scrolling disappears.... Help anyone? :)

Condor
26 May 2010, 12:08 AM
autoScroll is not a config option of panel.load, but of the panel itself.

sing
26 May 2010, 12:36 AM
Thanks, but I have autoScroll as default on the panel, and when creating a new tab through addTab the scroller appears. It's when I reload the tab with the menu function it disappears.

Here's my tabpanel:
tabs = new Ext.TabPanel({
region: 'center', // a center region is ALWAYS required for border layout
id: 'mainTabs',
deferredRender: false,
defaults: {autoScroll:true},
enableTabScroll: true,
activeTab: 0, // first tab initially active
items: [{
contentEl: 'center1',
title: 'Forside',
closable: false,
autoScroll: true,
autoLoad: {
url: '/main/main.php',
scripts: true
}
}]
})