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