javascript - 如何仅标记 Extjs 菜单中的一个菜单项已选中

Question

我有一个添加到按钮的菜单。

buttons.push({
        iconCls: 'fa fa-money',
        text: 'Currency format',
        menu: new Ext.menu.Menu(
        {
            items: [{
                iconCls: 'fa fa-euro',
                text: '1.000,00',
                checked: true,
                handler: function (btn) {
                    updateNumericFormat(btn);
                }
            },
            {
                iconCls: 'fa fa-dollar',
                text: '1,000.00',
                checked: false,
                handler: function (btn) {
                    updateNumericFormat(btn);
                }
            }],

        })
    });

我当时只想在菜单中选择一项。因此，如果选中第一项，我希望取消选中另一项。但我无法让它工作。

updateNumericFormat: function (btn) {
    //uncheck the other button
}

Answer 1

sencha fiddle

updateNumericFormat: function (btn) {
      btn.up().down('[name=euro]').setChecked(!btn.checked , true);
}

完整代码，

Ext.create('Ext.menu.Menu', {
            width: 100,
            margin: '0 0 10 0',
            floating: false, // usually you want this set to True (default)
            renderTo: Ext.getBody(), // usually rendered by it's containing component
            items: [{
                iconCls: 'fa fa-euro',
                text: '1.000,00',
                checked: true,
                name : 'euro',
                handler: function (btn) {
                   btn.up().down('[name=dollar]').setChecked(!btn.checked , true);
                }
            },
            {
                iconCls: 'fa fa-dollar',
                text: '1,000.00',
                checked: false,
                name: 'dollar',
                handler: function (btn) {
                      btn.up().down('[name=euro]').setChecked(!btn.checked , true);
                }
            }]
        });