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

• Geralmente usamos itemId ou propriedade única no escopo (classe / root)

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 caso que o Ext.getCmp (sempre usar escopo)

Lembre-se: a documentação é sua melhor amiga! ;)

https://github.com/loiane/curso-extjs4

Código Fonte da Aula

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

Link do Curso com todas as aulas

publicadas

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!