A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as 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
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTM
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as 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
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTM
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as 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
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTM
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as 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
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMNa linha 1 temos o Loader que responsvel pelo carregamento dinmico.
arq
arq
arq
arq
}
]
});
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!