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');}