在ExtJS中，如何循環顯示菜單項？

Question

如何遍歷ExtJS工具欄菜單中的所有項目，例如更改它們的圖標？

Answer 1

在按鈕菜單中使用MixedCollection實例的'each'方法。

假設一個定義，如：

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(''); 
});