Dans ExtJS, comment pouvez-vous faire défiler les éléments de menu?

Question

Comment parcourir tous les éléments d'un menu de la barre d'outils ExtJS, par exemple pour changer leurs icônes?

Answer 1

Utilisez la méthode 'each' de l'instance MixedCollection dans le menu du bouton.

En supposant une définition comme:

var pnl = new Ext.Panel({ 
    tbar: [ 
     { 
      itemId: 'a_btn', 
      text: 'A menu button', 
      menu: {items: [ 
       { 
        text: 'Item 1' 
       }, 
       { 
        text: 'Item 2' 
       } 
      ]} 
     } 
    ] 
}); 

Vous pouvez alors faire plus tard:

var btn = pnl.getTopToolbar().get('a_btn'); 

btn.menu.items.each(function(item) { 
    item.setIconClass(''); 
});