Hi,

I'm trying to disable/enable a Textfield on a form by 'select' event listener in a combobox next to it. I tried both setDisabled(false/true) and disable() /enable() and neither worked. It always goes with disabled property initial value set when created the object. What's wrong with my code:
this.cmbWarrantyApproved = new Ext.form.ComboBox({
store: new Ext.data.SimpleStore({
id: 0,
fields: ['warranty_state'],
data: [
['YES'],
['NO']

]
}),
displayField: 'warranty_state',
valueField: 'warranty_state',
triggerAction: 'all',
mode: 'local',
editable: false,
lazyRender: true,
forceSelection: true,
fieldLabel: 'Warranty Approved?',
anchor: '90%',
allowBlank: false,
listeners:{
select: function(combo){
alert(combo.getValue());
if (combo.getValue()=='NO'){
this.edtWarrantyCharge.enable();
// this.edtWarrantyCharge.setDisabled(false);

this.edtWarrantyCharge ='';
} else {
this.edtWarrantyCharge.disable();
// this.edtWarrantyCharge.setDisabled(true);
}
}
}

});
this.edtWarrantyCharge = new Ext.form.TextField({

allowBlank: true,
fieldLabel: 'Charge',
name: 'Charge',
value: '',
anchor: '90%',
// disabled: true // this line appears to exclusively control the functioning of TextField
});

I'd appreaciate if somebody suggest a solution.
Matt