Академический Документы
Профессиональный Документы
Культура Документы
Tambm possvel declarar todos os models, stores e views nesse arquivo de aplicao. No
curso de ExtJS 4 vamos aprender qual a diferena entre declarar ou no.
Existem outras opes de configurao tambm, consulte a documentao: http://docs.sencha.com
ext-js/4-1/#!/api/Ext.app.Application
Mas j que estamos usando o autoCreateViewport como true (particularmente acho bem
melhor assim do que usar a funo launch), temos que criar o arquivo Viewport.js de
ntro da pasta app/view:
Ext.define('ExtMVC.view.Viewport', {
extend: 'Ext.Viewport',
layout: 'fit',
requires: [
'ExtMVC.view.contato.Grid',
'ExtMVC.view.contato.Formulario'
],
initComponent: function() {
var me = this;
Ext.apply(me, {
items: [
{
xtype: 'contatogrid'
}
]
});
me.callParent(arguments);
}
});
Alguns pontos chamam ateno nesse arquivo:
Na linha 1 temos a declarao do nome da classe: ExtMVC.view.Viewport:
ExtMVC pois nome da nossa aplicao que declaramos na linha 4 do arquivo app.js;
view pois o nome do pacote (diretrio view);
Viewport, pois o nosso arquivo se chama Viewport.js;
Na linha 16 temos a declarao do xtype contatogrid, que o alias do Grid que iremos
criar; que ser o nico componente a ser mostrado na tela para o usurio (por isso est
amos usando um layout do tipo fit).
Com tudo o que fizemos nesse post, j temos o esqueleto do projeto, que vamos cont
inuar a desenvolver no prximo post!