如何更改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，并且只将该选项添加到“红色”无线电组件配置中。