ExtJs 4.2: Radio Button not rendering properly(Button is missing but label is visible)

问题

I am trying to implement a simple Radio Button in my application(Extjs 4.2). But the Radio buttons are not visible. This is my code for generating radio Button(following code is inside Items array of panel):

{
    xtype:'form',
    header: false,
    items:[{
        xtype: 'radiogroup',
        fieldLabel: 'Choose',
        items: [
            { boxLabel: 'Option 1', name: 'rb', inputValue: '1' ,inputValue: 'Checked'},
            { boxLabel: 'Option 2', name: 'rb', inputValue: '2' }
        ]
    }]
}

This is how it displays it.

Can someone point out my mistake? Thanks

回答1:

Your CSS is lacking the radio button styles. So you have to be using Sencha Cmd, because otherwise CSS would be complete.

So let Cmd compile your code once again, then the CSS should be updated accordingly and everything should work.

The uncompiled version of your app still requires the compiled version of CSS, because browsers can't understand the SCSS file format.

来源：https://stackoverflow.com/questions/35845561/extjs-4-2-radio-button-not-rendering-properlybutton-is-missing-but-label-is-vi