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>' }, ] }); });
И в данном случае оба подхода взаимозаменяемы. Хотя в принципе они не идентичны. Далее мы увидим, в чем они отличаются.