在ext Js中设置和删除readonly属性

Question

在extJs中,我需要禁用一个字段,直到单击编辑按钮.

xtype:'textfield',
fieldLabel: 'Address',
name:'streetAddress',
labelWidth: 48,                         
maxLength: 100,                         
cls: 'appAddresscls',
id: 'resume-applicantdetails-view-address',
allowBlank : false,
//readOnly:true,
skipValue:true

加载时我打电话

Ext.getCmp('resume-applicantdetails-view-address').getEl().dom.setAttribute('readOnly', true);

编辑时

Ext.getCmp('resume-applicantdetails-view-address').getEl().dom.removeAttribute('readOnly');

但该字段始终处于编辑模式.实际上我试试这个,因为IE中的禁用字段显示为灰色.

Answer 1

xtype:'textfield',
fieldLabel: 'Address',
name:'streetAddress',
labelWidth: 48,                         
maxLength: 100,                         
cls: 'appAddresscls',
id: 'resume-applicantdetails-view-address',
allowBlank : false,
readOnly:false,
skipValue:true

加载时我打电话

Ext.getCmp('resume-applicantdetails-view-address').setReadOnly(true);

编辑时

Ext.getCmp('resume-applicantdetails-view-address').setReadOnly(false);