Curso
Ext JS 4
Ext.ComponentQuery x
Ext.getCmp

#45
Agenda	

• Uso do Ext.getCmp
• Uso do Ext.ComponentQuery.query
• Diferenças e boas práticas
Requisitos
Ext JS 4 SDK	

!

Sencha CMD	

!

Servidor (Apache)	

!

Editor de Texto	

!

Browser (Firefox c/ Firebug ou Chrome)
Ext.getCmp
Ext.getCmp

• Busca um Componente na app pelo id
Ext.getCmp

• Busca um Componente na app pelo id
• id precisa ser único na app!!!
Ext.ComponentQuery.query
Ext.ComponentQuery.query

• Busca Componentes na app pelo selector
Ext.ComponentQuery.query

• Busca Componentes na app pelo selector
• Retorna um array - semelhando ao CSS
selector
Ext.ComponentQuery.query

• Busca Componentes na app pelo selector
• Retorna um array - semelhando ao CSS
selector

• Gera...
Show me the code!
Boas Práticas
Boas Práticas

• Ext.getCmp usado no ExtJS 3
Boas Práticas

• Ext.getCmp usado no ExtJS 3
• Usar ComponentQuery.query no ExtJS 4
Boas Práticas

• Ext.getCmp usado no ExtJS 3
• Usar ComponentQuery.query no ExtJS 4
• Cuidado ao usar, senão cai no mesmo ...
Lembre-se: a documentação é
sua melhor amiga! ;)
Código Fonte da
Aula	

https://github.com/loiane/
curso-extjs4
Link do Curso com
todas as aulas
publicadas	

http://www.loiane.com/2011/11/cursode-extjs-4-gratuito/
http://www.packtpub.com/
Dúvidas Técnicas?	

http://www.extjs.com.br
http://loiane.com
facebook.com/loianegroner

@loiane
https://github.com/loiane
youtube.com/user/Loianeg
Obrigada!
Upcoming SlideShare
Loading in...5
×

[Curso de ExtJS 4] Aula 45: Ext.ComponentQuery x Ext.getCmp

402
-1

Published on

http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
402
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

[Curso de ExtJS 4] Aula 45: Ext.ComponentQuery x Ext.getCmp

  1. 1. Curso Ext JS 4 Ext.ComponentQuery x Ext.getCmp #45
  2. 2. Agenda • Uso do Ext.getCmp • Uso do Ext.ComponentQuery.query • Diferenças e boas práticas
  3. 3. Requisitos
  4. 4. Ext JS 4 SDK ! Sencha CMD ! Servidor (Apache) ! Editor de Texto ! Browser (Firefox c/ Firebug ou Chrome)
  5. 5. Ext.getCmp
  6. 6. Ext.getCmp • Busca um Componente na app pelo id
  7. 7. Ext.getCmp • Busca um Componente na app pelo id • id precisa ser único na app!!!
  8. 8. Ext.ComponentQuery.query
  9. 9. Ext.ComponentQuery.query • Busca Componentes na app pelo selector
  10. 10. Ext.ComponentQuery.query • Busca Componentes na app pelo selector • Retorna um array - semelhando ao CSS selector
  11. 11. Ext.ComponentQuery.query • Busca Componentes na app pelo selector • Retorna um array - semelhando ao CSS selector • Geralmente usamos itemId ou propriedade única no escopo (classe / root)
  12. 12. Show me the code!
  13. 13. Boas Práticas
  14. 14. Boas Práticas • Ext.getCmp usado no ExtJS 3
  15. 15. Boas Práticas • Ext.getCmp usado no ExtJS 3 • Usar ComponentQuery.query no ExtJS 4
  16. 16. Boas Práticas • Ext.getCmp usado no ExtJS 3 • Usar ComponentQuery.query no ExtJS 4 • Cuidado ao usar, senão cai no mesmo caso que o Ext.getCmp (sempre usar escopo)
  17. 17. Lembre-se: a documentação é sua melhor amiga! ;)
  18. 18. Código Fonte da Aula https://github.com/loiane/ curso-extjs4
  19. 19. Link do Curso com todas as aulas publicadas http://www.loiane.com/2011/11/cursode-extjs-4-gratuito/
  20. 20. http://www.packtpub.com/
  21. 21. Dúvidas Técnicas? http://www.extjs.com.br
  22. 22. http://loiane.com facebook.com/loianegroner @loiane https://github.com/loiane youtube.com/user/Loianeg
  23. 23. Obrigada!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×