如何将图像设置为无线电场中的图标？

Question

我有一组单选按钮。我无法将图像设置为无线电场中的图标。 这是我的代码：

items: [
{
    icon: 'img/rag123a.',
    name: 'rag',
    id: 'rag1',
    margin: '0 10 0 0'
}
]

我想要的东西：

Answer 1

也许您想在radiobutton的标签中显示图像？如果是的话，扭曲图像的一种方法是将其放入 boxLabel 中，如此jsfiddle http://jsfiddle.net/NUPD2/

所示

*图标的来源是在此示例* {/ p>中从https://www.iconfinder.com/icons/40737/bar_chart_icon#size=128复制的

{
            boxLabel: '<img src="url/to/image" width="20" height="20"/>',
            name: 'size',
            inputValue: 'l',
            id: 'radio2'
 }

Answer 2

你可以试试这个：

      {
            xtype: 'radiogroup',
            columnWidth: 1,
            fieldLabel: 'Achat',
            items: [
            {
                xtype: 'radiofield',
                name: 'typeAchat',
                boxLabel: '<img src="images/optique/glasses.png"/>',
                checked: true,
                inputValue: 'lunetteOptique'
            },
            {
                xtype: 'radiofield',
                name: 'typeAchat',
                boxLabel: '<img src="images/optique/JustGlasse.png"/>',
                inputValue: 'glasses'
            },
             ...
            ]
        },