如何使Ext.button.Cycle使用單選按鈕而不是複選標記？

Question

ExtJS Cycle按鈕菜單包含選中的菜單項，我們可以隨時選擇一個項目（請參閱附圖或live example）。這令用戶感到困惑。我想知道是否有任何方法來配置此循環組件以顯示單選按鈕而不是複選框。

Answer 1

Ext.menu.CheckItem可以被配置爲顯示爲一個單選按鈕，所以我們要使用它，然後我們必須指定我們所有項目的自定義菜單爲Ext.menu.CheckItem，並在每個項目中提供group配置使其成爲單選按鈕。

{ 
    xtype : 'cyclebutton', 
    menu : { 
     xtype : 'menu', 
     items : [{ 
      xtype : 'menucheckitem', 
      text : 'Check 1', 
      group : 'check'  // this will make sure that checkboxes will be rendered as group 
     },{ 
      xtype : 'menucheckitem', 
      text : 'Check 2', 
      group : 'check'  // this should be same for every check item to put it in single group 
     }] 
    } 
} 

Answer 2

你可以嘗試設置項目的xtype無線電

items: [{ 
     xtype: 'radio', 
     boxLabel : 'a'    
    },{ 
     xtype: 'radio', 
     boxLabel : 'b' 
    }]