PDA

View Full Version : Problem loading html page in tabpanel items



erritikamathur
3 Mar 2011, 3:06 AM
I have a tabPanel as my base layout.I need to load different local pages on each tabpanel item.i set the autoLoad property with the url to load.but page doesnt get load.




Ext.setup({
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: false,
onReady: function() {
var tabpanel = new Ext.TabPanel({
tabBar: {
dock: 'bottom',
layout: {
pack: 'center'
}
},
fullscreen: true,


defaults: {
scroll: 'vertical'
},
items: [{
title: 'tab1',
autoLoad:{url:'tab1.htm'},
listeners:{
activate : function(panel){
console.log("act"+panel);
panel.getUpdater().refresh();
}
}
}, {
title: 'tab2',
autoLoad:{url:'tab2.htm'},

}]
});
}
});




for 'activate' listener in tabpanel item i get the below expection

Uncaught TypeError: Object [object Object] has no method 'getUpdater'.

How could we load the page dynamically?

tanmat
15 Mar 2011, 12:36 AM
I am having a similiar issue. But in my case (chrome) no errors thrown but the page never gets updated. Did you manage to solve this?

atekie
2 Apr 2011, 4:50 PM
I am having the same issue, if you figured this out could you please post the solution?

Thanks!

whiplash
5 Oct 2011, 5:15 AM
Hi Guys

has anyone got any ideas on this one? I am trying to implement this approach too with no joy.

Some guidance from someone who may know would be brilliant.


Thanks

ravi9999
28 Dec 2012, 12:59 AM
listeners: {
activate: function(tab) {
tab.loader.load();
}
}