如何使Ext.button.Cycle使用单选按钮而不是复选标记？

Question

ExtJS Cycle按钮菜单包含选中的菜单项，我们可以随时选择一个项目（参见附图或live example）。这让用户感到困惑。我想知道是否有任何方法可以配置此Cycle组件来显示单选按钮而不是复选框。

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'
    }]