Extjsメニューのメニュー項目の1つのみをマークする方法

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); 
       } 
      }], 

     }) 
    }); 

私は一度メニューに項目を1つだけ選択したいと思います。最初の項目がチェックされている場合は、他の項目をチェックしないようにします。私はそれを働かせることはできません。あなたが探している何

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); 
       } 
      }] 
     }); 

Answer 2

はmenucheckitem'sgroup設定、または多分cycleボタンです。