Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Se verdadeiro, a aplicao
vai instanciar a classe Viewport automaticamente. Para isso, temos que ter um ar
quivo chamado Viewport.js dentro da pasta app/view. Se quiser instanciar o Viewp
ort ou qualquer outro componente manualmente, pode utilizar a funo launch (ver doc
umentao para maiores detalhes: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.app.Ap
plication).
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 oAgora que temos a estrutura da nossa aplicao completa, va
mos tentar entender o porqu de estruturamos a aplicao assim e o que vamos colocar e
m cada diretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretAgora que temos a estrutura da nossa aplicao completa, vamos tent
ar entender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada d
iretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretAgora que temos a estrutura da nossa aplicao completa, vamos tent
ar entender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada d
iretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diret nesse diretrio vamos colocar todas as Stores da nossa aplicao. A
Store uma espcie de DAO, que vai se comunicar com o servidor ou alguma outra for
ma de storage local. A Store sempre carrega ou envia dados que representam uma c
oleo de instncias de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Estrutura MVC
Agora que temos a estrutura da nossa aplicao completa, vamos tentar entender o por
qu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio da pasta a
pp.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivNa linha 10 temos a declarao da config autoCreateViewport
. Se verdadeiro, a aplicao vai instanciar a classe Viewport automaticamente. Para
isso, temos que ter um arquivo chamado Viewport.js dentro da pasta app/view. Se
quiser instanciar o Viewport ou qualquer outro componente manualmente, pode util
izar a funo launch (ver documentao para maiores detalhes: http://docs.sencha.com/ext
-js/4-1/#!/api/Ext.app.Application).
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 oAgora que temos a estrutura da nossa aplicao completa, va
mos tentar entender o porqu de estruturamos a aplicao assim e o que vamos colocar e
m cada diretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretAgora que temos a estrutura da nossa aplicao completa, vamos tent
ar entender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada d
iretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretAgora que temos a estrutura da nossa aplicao completa, vamos tent
ar entender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada d
iretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diret nesse diretrio vamos colocar todas as Stores da nossa aplicao. A
Store uma espcie de DAO, que vai se comunicar com o servidor ou alguma outra for
ma de storage local. A Store sempre carrega ou envia dados que representam uma c
oleo de instncias de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Estrutura MVC
Agora que temos a estrutura da nossa aplicao completa, vamos tentar entender o por
qu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio da pasta a
pp.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivambm, consulte a documentao: http://docs.sencha.com/ext-js
/4-1/#!/api/Ext.app.Application
Mas j que estamos usando oAgora que temos a estrutura da nossa aplicao completa, va
mos tentar entender o porqu de estruturamos a aplicao assim e o que vamos colocar e
m cada diretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretAgora que temos a estrutura da nossa aplicao completa, vamos tent
ar entender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada d
iretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretAgora que temos a estrutura da nossa aplicao completa, vamos tent
ar entender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada d
iretrio da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
</head>
<body>
</body>
</html>
5 Criando a App e o Viewport