In extJs I need to disable one field until edit button is clicked. 

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

```

When loading I called

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

```

When editing 

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

```

But the field is always in edit mode. Actually I try this because, the disabled fields in IE appears in gray color.