What functions can be overriden and what cannot?

[DavidSSL]

As part of another problem, I've come across another issue. Effectively, I'm trying to override the LoadMask.

In order to help this discussion, here's an excerpt of the Ext.LoadMask class:

Ext.define('Ext.LoadMask', {
    // private
    onLoad : function() {
        var me = this;


        me.loading = false;
        me.el.unmask();
        me.fireEvent('hide', me, me.el, me.store);
    },


 
    /**
     * Hide this LoadMask.
     */
    hide: function() {
        this.onLoad();
    },
  
});

Notice how hide is calling the "private" method onLoad. Now here is my override:

Ext.override(Ext.LoadMask, {


    hide: function () {
        this.callOverridden();


        console.log('hide executed');
    }
    , onLoad: function () {
        this.callOverridden();
        console.log('onLoad executed');
    }
});

The result is that 'onLoad executed' while 'hide executed' doesn't get shown in firebug's console window. Hence, the first question is why is this happening? The next question is what can I override and what can't I override?

[DavidSSL]

Ah stupid question. Basically, it's to do with the fact that hide is never called in code while onLoad is.

However, another question that arises from here is how is this onLoad getting called?

[westy]

However, another question that arises from here is how is this onLoad getting called?

Probably by an event handler setup in LoadMask's bindStore.

[mitchellsimoens]

Ext.LoadMask adds listeners to the load and exception events on the store. Also, if the LoadMask is disabled while loading, it will call onLoad (no listener).

[DavidSSL]

Thank you Mitchell and Westy. You've certainly answered my question.