Dynamically adding items to Panel

[mayur.tendulkar]

Hi all,
I just wanted to know, how can I add items dynamically (using code) in a panel. My panel is already created and has a toolbar in it. Once I click on a button inside toolbar, I want to add map inside the panel.
Thanks.

[evant]

var map = new Ext.Map();
panel.add(map);
panel.doLayout();

[Ourysso]

var map = new Ext.Map();
panel.add(map);
panel.doLayout();


Didn't Work. ;P
I tried it:
var painel = new Telasistema.agendaSalasPanel();
Ext.getCmp('painel_conteudo').add(painel);
Ext.getCmp('painel_conteudo').doLayout();

What am I doing wrong?

[evant]

It does work, however you haven't provided any context at all so I can't say.



Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,
onReady : function() {
var p = new Ext.Panel({
fullscreen: true,
layout: 'fit'
});

setTimeout(function(){
p.add(new Ext.Panel({
html: 'Foo'
}));
p.doLayout();
}, 2000);


}
});