Ext JS Component Configs

Ext version :Ext JS 4.2.0 Sencha Docs

Component:

Ext.form.field.Text xtype:textfield

Ext.form.field.Date xtype:datefield

Ext.form.field.ComboBox xtype :combobox,combo

Configs:

allowBlank   Defaults to: true  是否可以为空，默认为true


editable  Defaults to: true  是否可以编辑，默认为true


readOnly  Defaults to: false 是否只是可读，默认为false

(一旦设置为true只读，界面上任何手段的赋值都不允许，只能代码赋值)

allowBlank 很好理解，3个Component都有该Config

editable 不针对textfield，textfield没有editable该Config，其他2个有该Config

对于textfield

设置readOnly:true，表示该控件不可以编辑只能读，想要赋值，只能代码控制，不能手动填写

对于datefield，combo

设置readOnly:true，表示该控件只是可读，不能写，

所以不能手动填写，并且不能下拉选择，想要赋值，只能代码控制

设置readOnly:false，表中该控件可读写，如果editable:true，则表示该控件可以下拉，同时也能手动输入值

                                                                   如果editable:false,则表示该控件可以下拉，但不能手动输入值

由于datefield，combo存在下拉的情况，所以需要readOnly和editable同时控制，readOnly占主导，

而textfield 不存在下拉情况，只需要readOnly控制就可以了