Error on collapse listener

[rafaelrp]

I'm getting this error on collapse listener.


me.el is null

listener code:


collapse: {
fn: function(){
var centerWidth = Ext.getCmp('centerPanel').getWidth();
var centerHeight = Ext.getCmp('centerPanel').getHeight();

console.info("centerWidth: "+centerWidth);
console.info("centerHeight: "+centerHeight);
}


Thanks ! ~o)

[scottmartin]

Please try the following:



Ext.create('Ext.panel.Panel', {
id: 'centerPanel',
title: 'Hello',
width: 300,
collapsible: true,
html: '<p>World!</p>',
renderTo: Ext.getBody(),

collapse: function(){
var centerWidth = Ext.getCmp('centerPanel').getWidth();
var centerHeight = Ext.getCmp('centerPanel').getHeight();

console.info("centerWidth: "+centerWidth);
console.info("centerHeight: "+centerHeight);
}
}

});


result from console:
centerWidth: 300
centerHeight: 42

Regards,
Scott.

[rafaelrp]

it worked but the panel doesn't collapse after i click on the collapse button.

~o)

[scottmartin]

I must have been asleep when I answered this ...

try:


Ext.create('Ext.panel.Panel', {
id: 'centerPanel',
title: 'Hello',
width: 300,
collapsible: true,
html: '<p>World!</p>',
renderTo: Ext.getBody(),

listeners: {

collapse: function(){
var centerWidth = Ext.getCmp('centerPanel').getWidth();
var centerHeight = Ext.getCmp('centerPanel').getHeight();

console.info("centerWidth: "+centerWidth);
console.info("centerHeight: "+centerHeight);
}
}

});


Regards,
Scott.