ExtJS 单选按钮组RadioGroup在IE浏览器中显示不出来的问题

问题描述

创建一个单选按钮组new Ext.form.RadioGroup，在火狐浏览器Firefox下能正常显示，但是在IE浏览器中显示不出来。

var typeRadioGroupCtrl = new Ext.form.RadioGroup({
     id: 'typeRadioGroup',
     items: [{ boxLabel: '噪声', name: 'dataType', inputValue: 'noise', width: 60,
        checked: true},
        {boxLabel: '空气质量', name: 'dataType', inputValue: 'air', width: 80},
     ]
});

解决办法

问题貌似出在上面的items属性内容（单选按钮项）的简写方式上， 将单选按钮项一个一个的创建出来（new Ext.form.Radio），然后放到items中。在IE浏览器下面就可以出来了。

	var noiseRadio = new Ext.form.Radio({
    		name: 'dataType',
    		boxLabel: '噪声',
    		inputValue: 'noise',
    		width: 60,
    		checked: true
    	});

    	var airRadio = new Ext.form.Radio({
    		name: 'dataType',
    		boxLabel: '空气质量',
    		inputValue: 'air',
    		width: 80
    	});

    	var typeRadioGroupCtrl = new Ext.form.RadioGroup({
    		id: 'typeRadioGroup',
    		items: [noiseRadio, airRadio]
    	});