Valamiért a TabPanel kirajzolásnál lefut a tabchange esemény:
new Ext.TabPanel({
renderTo: Ext.getBody(),
activeTab: 0,
items: [
{title:'1', html:'Lorem ipsum...'},
{title:'2', html:'Lorem ipsum...'}
],
listeners: {
'tabchange': function() { alert('tabchange'); }
}
});
renderTo: Ext.getBody(),
activeTab: 0,
items: [
{title:'1', html:'Lorem ipsum...'},
{title:'2', html:'Lorem ipsum...'}
],
listeners: {
'tabchange': function() { alert('tabchange'); }
}
});
Először arra gondoltam, hogy majdhogynem logikus, mivel az inicializálásnál az activeTab Number típusú, míg utána Panel típusú lett. Azaz valóban történt változás. Ám a következő átalakítás után sem javult a helyzet:
var panel1 = new Ext.Panel({title:'1', html:'Lorem ipsum...'}});
var panel2 = new Ext.Panel({title:'2', html:'Lorem ipsum...'});
new Ext.TabPanel({
renderTo: Ext.getBody(),
activeTab: panel1,
items: [panel1, panel2] ,
listeners: {
'tabchange': function() { alert('tabchange'); }
}
});
var panel2 = new Ext.Panel({title:'2', html:'Lorem ipsum...'});
new Ext.TabPanel({
renderTo: Ext.getBody(),
activeTab: panel1,
items: [panel1, panel2] ,
listeners: {
'tabchange': function() { alert('tabchange'); }
}
});