Ext js - Modification dynamique du contenu de Tab dans un TabPanel

Question

J'ai un onglet (Ext JS) où les onglets cachés ne sont pas du tout chargés lors de l'instanciation initiale (la seule chose que je définis est le titre). Lors de l'activation d'un onglet, je veux appeler une méthode qui instancie alors un nouveau FormPanel/GridPanel et place ce contenu dans l'onglet

Est-ce que quelqu'un peut me diriger vers un exemple de code ou me donner des conseils sur la façon de le faire? Merci beaucoup!

Answer 1

Construisez simplement un nouveau panneau et ajoutez-le à l'onglet activé. Ensuite, appelez doLayout().

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