Apr 01, 2013, 7:30 AM
Text Field Focus fires blur automatically
I have editable gridpanel which has four columns and one of row is having text fields which we are creating dynamically. Now the issue is when we click on text field it gets focus and then blur is fired automatically. Due to this we are not able to edit value in text field as blur is fired after focus and cursor is not shown to text field.
Code to render text fields in row is given below
Code to render text fields in row is given below
var txtage= new Ext.form.TextField({
width: 80,
minLength: 1,
allowBlank: false,
validator: function (v) {
return validateAge(v, true);
},
listeners: {
render: function(cmp)
{
cmp.getEl().on('click',function(){
this.dom.focus();
});
}
},
applyTo: 'ctl_' + i + '_' + j
});
fieldsToValidate += ',' + txtage.getEl().id;
Its urgent...Please help me!!!