UniCheckbox doesn't blur with tab key

[jaosobne]

Hi ,

I have simple form with checkbox and edit.

While I moving on form by mouse clicking it works correctly , but with tab key unicheckbox doesn't blur after losing focus and looks like it has focus

I can do this by add listener to that checkbox with unievent like that

function afterCreate(sender)
{
  sender.addListener('blur', function(){
  this.displayEl.removeCls('x-form-checkbox-focus')
  });
}

My question is if it can be done once by some Ext.form.field.Checkbox.prototype for whole application or it is a bug ?

I don't want to add this for each checkbox that i have in application.

Thanks   

 

[Sherzod]

Hi,

You can try to add this in MainForm -> Script:

Ext.override(Ext.form.field.Checkbox, {
    onBlur: function() {
        this.displayEl.removeCls('x-form-checkbox-focus');
        this.callParent(arguments);
    }
})

 

[jaosobne]

Thank you Sherzod !!!

that is what i need .

I tried it with onBlur override but at wrong place .