2012-07-24 4 views
1

ExtJS 4Ajout dynamique de boutons au panneau

Comment ajouter un bouton à un panneau (dynamiquement) comme dans la propriété buttons? Dans ExtJS 3, nous avons panel.addButton(), mais n'a pas trouvé une telle fonction dans ExtJS 4. J'ai essayé panel.addDocked() aussi, mais cela n'a pas fonctionné.

Répondre

4
Ext.onReady(function() { 

    var p = Ext.create('Ext.panel.Panel', { 
     width: 200, 
     height: 200, 
     renderTo: document.body, 
     title: 'A Panel', 
     buttons: [{ 
      text: 'B1' 
     }] 
    }); 

    setTimeout(function(){ 
     p.down('toolbar').add({ 
      text: 'B2' 
     }); 
    }, 1000); 

}); 
+0

Cela a fonctionné. Je vous remercie. Pas besoin de setTimeout. – Shashwat

+0

Je veux seulement avoir les boutons dans la configuration des boutons du mainpanel seulement. J'ai beaucoup de panneaux enfants avec la barre d'outils et les boutons ont été ajoutés ici. Plus tard, j'ai utilisé cette requête. tab.down ('> barre d'outils [dock = "bottom"]'). Add (tab.buttons); pour obtenir la barre inférieure Maintenant, il récupère les deux boutons et bbar. Comment puis-je distinguer les deux? – Shashwat

+0

Il fonctionne également sur Window. 'win.down ('barre d'outils'). add ({...})'. Merci. – ConductedClever

Questions connexes