Ext js - Dynamically changing tab contents in TabPanel

Question

I have a tab (Ext JS) where hidden tabs do not load at all at the initial instantiation (the only thing I set is the name).

After "activating" the tab, I want to call a method that then initializes a new form, FormPanel / GridPanel, and places this content in the tab.

Can someone point me to a sample code or give me tips on how to do this? Many thanks!

Answer 1

Just create a new panel and add it to the activated tab. Then call doLayout ().

listeners: { activate: function(panel) { var formPanel = .... panel.add(formPanel); panel.doLayout(); } }