Trong ExtJS, Làm thế nào bạn có thể lặp qua các mục menu?

Question

Làm thế nào bạn có thể lặp qua tất cả các mục trong menu thanh công cụ ExtJS, ví dụ để thay đổi biểu tượng của chúng?

Answer 1

Sử dụng phương pháp 'mỗi' của cá thể MixedCollection trong menu của nút.

Giả sử một định nghĩa như:

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

Bạn có thể sau đó làm:

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

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