ExtJS 4.1 MVC: Como aplicar o LoadMask à viewport durante o carregamento?

Como aplicar umLoadMask paraaplicação padrão ExtJS MVCviewport enquanto carrega os arquivos necessários?

Um exemplo de tal aplicação MVC é o seguinte trecho paraapp.js:

Ext.Loader.setConfig({enabled:true});

Ext.application({
    requires: [
       'Ext.container.Viewport',
    ],

    name: 'APP',
    appFolder: 'app',

    controllers: [
        'Main'
    ],

    launch: function() {

        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'main'
                }               
            ]
        });
    }
});

Ondemain acima é umxtype para uma visualização MVC, que pode estender um ExtJSPanel etc.

Uma abordagem padrão para esteonipresente exigência existe?

questionAnswers(2)

yourAnswerToTheQuestion