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

1. Curso
Ext JS 4
Ext.ComponentQuery x
Ext.getCmp
#45

2. Agenda
• Uso do Ext.getCmp
• Uso do Ext.ComponentQuery.query
• Diferenças e boas práticas

3. Requisitos

4. Ext JS 4 SDK
!
Sencha CMD
!
Servidor (Apache)
!
Editor de Texto
!
Browser (Firefox c/ Firebug ou Chrome)

5. Ext.getCmp

6. Ext.getCmp
• Busca um Componente na app pelo id

7. Ext.getCmp
• Busca um Componente na app pelo id
• id precisa ser único na app!!!

8. Ext.ComponentQuery.query

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

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

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. Show me the code!

13. Boas Práticas

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

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

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. Lembre-se: a documentação é
sua melhor amiga! ;)

18. Código Fonte da
Aula
https://github.com/loiane/
curso-extjs4

19. Link do Curso com
todas as aulas
publicadas
http://www.loiane.com/2011/11/cursode-extjs-4-gratuito/

20. http://www.packtpub.com/

21. Dúvidas Técnicas?
http://www.extjs.com.br

22. http://loiane.com
facebook.com/loianegroner
@loiane
https://github.com/loiane
youtube.com/user/Loianeg

23. Obrigada!