Redrawing layout of component after hiding element

[meyerovb]

In the below example, after clicking the second button and hiding the first button, how do I re-render the component to move the second button up to the position of the first docked element?



Ext.setup({ onReady: function () {
new Ext.Panel({ fullscreen: true,
dockedItems: [
{ dock: 'top', xtype: 'button', id: 'but1', text: 'But1' },
{ dock: 'top', xtype: 'button', text: 'Hide But1',
handler: function () { Ext.getCmp('but1').hide(); }
}]
});
}});

[evant]

Ext.setup({
onReady: function(){
var p = new Ext.Panel({
fullscreen: true,
dockedItems: [{
dock: 'top',
xtype: 'button',
id: 'but1',
text: 'But1'
}, {
dock: 'top',
xtype: 'button',
text: 'Hide But1',
handler: function(){
Ext.getCmp('but1').hide();
p.doComponentLayout();
}
}]
});
}
});

[meyerovb]

Thanks, works perfectly! This method is marked as private and not shown in the documentation. Will it be exposed as public?

[evant]

It's becoming apparent that it should be yes, maybe not that method directly, but something that fires it.