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