ExtJs3.3.1 ComboBox由于readOnly属性引发的数据不显示问题

我在学习ExtJs的时候，按照书上讲的自己写了个小例子，而是调试的时候发现，数据不能显示，几经折腾，终于发现原来是ComboBox的readOnly属性惹的祸，这个属性可以用在2.2版本，但是不能用在3.3的版本上，3.3版本上禁止编辑可以使用editable：false来实现。

正确的JS代码如下：

/**
*
*/
function init() {
var sex = new Ext.data.JsonStore({
autoLoad : true,//自动加载
url : 'sex.action',
root : 'sex',
idProperty : 'id',
fields : [{
name : 'id'
}, {
name : 'name'
}]
});

var sexField = new Ext.form.ComboBox({
name : 'sex',
store : sex,
loadingText : '正在加载数据',
fieldLabel : '性别',
mode : 'local',
triggerAction : 'all',
valueField : 'id',
displayField : 'name',
hiddenName : 'sexId',
minListWidth : 200,
editable:false
});

var formPanel = new Ext.form.FormPanel({
labelAlign : 'right',
labelWidth : 60,
width : 280,
height : 100,
title : '表单',
frame : true,
items : [{
layout : 'form',
items : [sexField]
}]

});
formPanel.render('form');
}