Difference between Class.override() vs Ext.define('Class', override: 'Class' ... to create an override

Question

What's the difference between these 2 override

So option 1:

Ext.window.Window.override({
    initComponent: function () {
        this.draggable = false;
        this.resizable = false;

        this.on('resize', function () {
            this.center();
        });

        this.callParent();
    }
});

option 2:

Ext.define('Ext.window.WindowOverride', {
    override: 'Ext.window.Window',

    initComponent: function () {
        this.draggable = false;
        this.resizable = false;

        this.on('resize', function () {
            this.center();
        });

        this.callParent();
    }
});

Which approach should I follow and why?

Specifically using Extjs 4.1.1

You might want to check this http://stackoverflow.com/questions/14254321/best-practice-for-overriding-classes-properties-in-extjs — Yellen, May 06 '15 at 17:00
this should not be marked as duplicate anymore in my opinion — code4jhon, May 08 '15 at 17:01
This is not a duplicate, and the answer referenced at the top does not provide best practice advice. — Alex Tokarev, May 08 '15 at 18:25

score 4 · Accepted Answer · answered May 06 '15 at 17:53

The second option is basically a wrapper for the first one; it will apply overrides after Ext.window.Window has been loaded.

Calling Class.override() is a relic of Ext JS 3.x days, when there was no dynamic class loading available and you had to take care of the plumbing yourself. There is no reason to use it with 4+.

Difference between Class.override() vs Ext.define('Class', override: 'Class' ... to create an override

1 Answers1

Linked