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
                            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!!!