2 Attachment(s)
[4.1 20120221] Expanding a panel in a border layout with dynamic content bug
Sorry the title couldn't be more descriptive. This is difficult bug to describe in the space allotted for the title.
In the sample below, there is a panel with border layout. The panel has a collapsed west region and the west region has a single child that updates its content in a render event.
Upon expanding the west region with the expand icon, the panel will have the normal header but the placeholder header will still be present. See attached picture.
Upon expanding the west region by clicking on the body of the placeholder header, two placeholder headers will be present. See attached picture.
If the west region is expanded by default, there is no problem.
Removing the update() call in the child panel restores the expected behavior.
Code:
Ext.onReady(function() {
Ext.create('Ext.panel.Panel', {
width: 500,
height: 400,
x: 20,
y: 20,
title: 'Border Layout',
layout: 'border',
items: [{
title: 'Expand me please',
region:'west',
xtype: 'panel',
width: 200,
collapsible: true,
collapsed: true,
layout: 'fit',
items: [{
title: 'Some Panel',
listeners: {
render: function() {
this.update("I've been rendered!");
}
}
}]
},{
title: 'Center Region',
region: 'center'
}],
renderTo: Ext.getBody()
});
});