Update HTML content of panel added to a window

[sanjay_1985]

Hi,
I have a panel added to a window.I need to update the HTML content of the panel dynamically.I set the html content by
panel.html='HTML content';
panel.doLayout();
window.show();//the pane is one of the items of window

Now next time if i try to update the html content

panel.html='HTML content updated....';
panel.doLayout();
its not updated in the screen.Please note that the window is already open.

Thanks in advance

[aconran]

No need to layout, each Panel has 3 different Ext.Element's associated with it header, body and footer which you can manipulate.

panel.body.update('HTML content updated...');

[sanjay_1985]

HI,
thanks a lot for replying.
I have one more doubt.
I have three grids added to a window.I want to collapse the grids programatically.
i tried grid1.collapsed=true;
but it does not reflect in the screen.How do i resolve this?

[aconran]

You are attempting to set private properties of the object.

After you have constructed your class you can no longer set properties like this, you must call the appropriate methods.
http://extjs.com/deploy/dev/docs/?cl...ember=collapse

[sanjay_1985]

Hi,
thks for reply

[rvwong]

Thank you Aaron! I'm glad someone else asked this question. But I'm puzzled this is basic stuff that is not obvious. Dynamically updating or programatically updating text content in an extjs panel is like probably the 2nd or 3rd thing most programmers coming to extjs will want to do. I know I certainly wanted to do that after I did the first "Hello World" type example with static content, my next question is ok how do I change that content from my program? and that was not obvious. Might I suggest someone at extjs move your very handy tip here to the Tutorial section?? Thanks... Ray

[aconran]

Thank you Aaron! I'm glad someone else asked this question. But I'm puzzled this is basic stuff that is not obvious. Dynamically updating or programatically updating text content in an extjs panel is like probably the 2nd or 3rd thing most programmers coming to extjs will want to do. I know I certainly wanted to do that after I did the first "Hello World" type example with static content, my next question is ok how do I change that content from my program? and that was not obvious. Might I suggest someone at extjs move your very handy tip here to the Tutorial section?? Thanks... Ray

Ray -

The entire Learn section of our site is a community wiki which community members, like yourself are able to contribute to. Check it out http://extjs.com/learn

[reddy479]

Hi ,
This is Ranjithreddy, i am new to ExtJs.
I have been facing a problem in panels for getting panel html content.

xtype : 'panel',
id : 'first_block',
html : '<p>Hi this is belongs to first block.</p>',
listeners : {
render : function(c) {
c.body.on('click', function() {
alert('' + this.id);
alert(Ext.getCmp('first_block').items.getAt(0) .getValue());
});
}

I am not getting html content, but i am getting id like "first_block-body".
Could you please help me out.
Thanks in advance.