advertisement

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

50 %
50 %
advertisement
Information about [Curso de ExtJS 4] Aula 45: Ext.ComponentQuery x Ext.getCmp
Technology

Published on February 19, 2014

Author: loianeg

Source: slideshare.net

Description

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

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! ;)

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!

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

curso extjs - Documents - docslide.us

Curso de ExtJs Curso de Ext JS CAP.1. Conceptos fundamentales ..... 3 1 ... ...
Read more

Ext JS 4.0.7 - Sencha Docs

Ext JS 4.0 API Documentation from Sencha. Class documentation, Guides and Videos on how to create Javascript applications with Ext JS 4. Ext JS 4.0.7 ...
Read more

[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos ...

[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos May 22, 2015 Technology loiane-groner ...
Read more

Curso de ExtJs - Documents - docslide.us

... Propiedades abort() getAllResponseHeaders() getResponseHeader(x) open ... [Curso de ExtJS 4] Aula 45: Ext.ComponentQuery x Ext.getCmp
Read more

ExtJs select component by id starting with a string ...

Ext.getCmp() wants the specific id. But i only have that fixed string : myComp ... For ExtJs 4.X use Ext.ComponentQuery.query('*[id^=myComp_xxx]'); ...
Read more

Aprender Sudoku de 4 x 4 Para Infantil - Documents

... Aula 45: Ext.ComponentQuery x Ext.getCmp Comments. RECOMMENDED. RECOMMENDED. 4. Trastornos de Ansiedad Infantil. Cuaderno de infantil 4 años verano ...
Read more

extjs - Why am I being forced to use Ext.getCmp('id ...

Ext.getCmp('stateComboBox').setValue(record.state_id); ... Ext.getCmp(id) or Ext.ComponentQuery.query(attribute) ... 1 Why Ext.getCmp is a bad practice?
Read more

Implementing a Log-in screen using Ext JS | PACKT Books

Implementing a Log-in screen using Ext JS written ... some knowledge about Ext.ComponentQuery ... id may be accessed globally using Ext.getCmp, ...
Read more

Extjs: Component 的使用,找尋 Parent & Child,以及區別 Id、itemid 的不同 ...

id 可用於 Ext.getCmp; ... ref (extjs 3.x) ... Ext.ComponentQuery.query('panel[itemId=form1]'); 當然除了 itemid ...
Read more

Ext JS 4.2.1 - Sencha Docs

Ext JS 4.2.1 API Documentation from Sencha. Class documentation, Guides and Videos on how to create Javascript applications with Ext JS 4
Read more