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