如何更改extjs中的单选按钮图标？

Question

我在一个组中有两个Ext.menu.CheckItem。如何将选中项目的光盘图标更改为其他内容？我想保留单选按钮功能（只选择一个），但有一个复选标记而不是光盘。

var options = new Ext.Button({
    allowDepress: false,
    menu: [
        {checked:true,group:'labels',text:'Option 1'},
        {checked:false,group:'labels',text:'Option 2'}
    ]
});

Answer 1

您可以通过将inputType配置选项设置为'checkbox'来实现此效果（看起来像复选框的无线电控件）：

var options = new Ext.Button({
    allowDepress: false,
    menu: [
        {inputType:'checkbox',checked:true,group:'labels',text:'Option 1'},
        {inputType:'checkbox',checked:false,group:'labels',text:'Option 2'}
    ]
});

举个例子，这里有两个屏幕截图，显示inputType:'checkbox'：

的效果

First screenshot http://www.freeimagehosting.net/uploads/2f662f202c.png

Second screenshot with the "Red" option http://www.freeimagehosting.net/uploads/66c002aad2.png

我修改了Ext JS'Checkbox/Radio Groups demo并且只将选项添加到“Red”无线电组件配置中。