ExtJS में, आप मेनू आइटम के माध्यम से कैसे लूप कर सकते हैं?

Question

आप एक्स्टजेस टूलबार मेनू में सभी आइटम्स के माध्यम से कैसे लूप कर सकते हैं, उदाहरण के लिए उनके आइकन बदलने के लिए?

Answer 1

बटन के मेनू में MixedCollection उदाहरण की 'प्रत्येक' विधि का उपयोग करें।

एक परिभाषा की तरह मान लिया जाये:

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

फिर आप बाद में कर सकते हैं:

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

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