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

最新推荐文章于 2021-08-06 11:37:01 发布

原创最新推荐文章于 2021-08-06 11:37:01 发布 · 3.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #autoload #layout #url

ExtJs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个关于ExtJs中ComboBox组件的问题，在不同版本中readOnly属性的行为差异。作者在使用3.3版本时发现无法显示数据，最终通过设置editable为false解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我在学习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'); }