Set and remove readonly property in ext Js
===

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.