CODEWITHSUNDEEP
javascriptjavascript-frameworkextjs
maximus
maximus

Reputation: 2437

How to replace a component in ExtJS

I have an ExtJS window, with a toolbar at the top, and loads with plain Panel at the bottom with plain HTML. This works fine. On a button click, I'd like to be able to replace the bottom panel (called content), with another panel. If tried this

var clickHandler = function(calendar){
    // 'content' is the panel id
    // calendar is also an Ext.Panel object
    Ext.getCmp('content').update(calendar); 
};

What am I missing?

Upvotes: 4

Views: 6319

Answers (1)

Jerod Venema
Jerod Venema

Reputation: 44642

Update replaces HTML content.

You want to remove the old panel and add the new. Try .remove()ing the old panel and .add()ing the new one, and don't forget .doLayout().

Upvotes: 10

Related Questions