Geek Answers Handbook

ExtJS 4.1: Override mixins

I had a small question: ExtJS 4.1 uses a mixin called "Ext.form.Labelable" for all form fields to render labels. I would like to change the labelableRenderTpl, which is the rendering template, for all form fields to add an extra label to the right. How can I override / release mixin? Is this possible, or should I override labelableRenderTpl for all classes that use mixin?

Thanks for your help and best wishes! Manuel

+4
source share
1 answer

You can apply the override for Ext.form.Labelable here

 Ext.override(`Ext.form.Labelable`, { labelableRenderTpl: 'Your Template' });

This is untested, but it should work because mixin is defined like any other class. What you need to know is that now all classes using this mixin will use the new template. In the case of the ability to transfer this list is short

  • Ext.form.FieldContainer
  • Ext.form.field.Base
  • Ext.form.field.HtmlEditor

If you do not want to change it for everyone, you need to create your own mixin, for example, by expanding Ext.form.Labelable and overriding Ext.form.field.Base to apply it to all fields.

You can find more information on overrides here . (Even if some of the SO community do not seem to like this question for your case, you can find valuable information there)

Update

As you might have guessed, the problem is that mixin was already copied to the class when the override is applied, so it all depends on the time and may end in a tough match. I would recommend that you inherit from Ext.form.Labelable mixin and apply this new mixin to all the classes you need, overriding the implementation with your new mixin.

+6
source

More articles:


All Articles