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

Question

ExtJSCycle按钮菜单包含选中的菜单项，我们在任何时候都只能选择一项（见附图或现场示例）。这让用户感到困惑。我想知道是否有任何方法可以配置此 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'
    }]