Ext.application и Ext.onReady

При создании первого приложения в первой главе мы использовали следующий код:

Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    title: 'Приложение на Ext JS 4',
                    html : '<h3>Добро пожаловать в мир Ext JS 4!</h3>'
                }]
        });
    }
});

Метод Ext.application у нас инициализирует приложение ExtJS, внутри которого и происходит дальнейшее создание приложение и указание его параметров. Данный подход используется при создании приложений по шаблону MVC.

Но вместо этого метода можно употреблять другой Ext.onReady, особенно когда мы не планируем создавать полнофункциональное приложение MVC.

Этот метод также срабатывает после загрузки страницы и подобен функции jQuery. Он инициализирует все элементы ExtJS. Мы можем переписать предыдущий пример с использованием Ext.onReady:

Ext.onReady(function(){
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    title: 'Приложение на Ext JS 4',
                    html : '<h3>Добро пожаловать в мир Ext JS 4!</h3>'
                },
            ]
        });
});

И в данном случае оба подхода взаимозаменяемы. Хотя в принципе они не идентичны. Далее мы увидим, в чем они отличаются.