SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
Curso
 Ext JS 4
Ext.panel.Panel
Agenda
•Classe Panel
•Pq essa classe é importante
•Partes do Panel
•Exemplo prático
Requisitos
Ext JS 4 SDK

          Servidor (Apache)

           Editor de Texto

Browser (Firefox c/ Firebug ou Chrome)
Pq esse tal de Panel é tão importante?
Pula essa parte chata, vamos para
          componentes!
configs
properties
 methods
  events
html
    items
  buttons
dockedItems
   layout
    tools
     title
     bars
add
getComponent
getDockedItems
     insert
     query
       up
     down
    remove
   removeAll
config x properties
Show me the
   code!
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/curso-
         de-extjs-4-gratuito/
http://amzn.com/
1849516669

http://
www.packtpub.com/
ext-js-4-first-look/
book

http://
loja.loiane.com
contato = {
 blog: ‘loiane.com’,
 facebook: ‘facebook.com/loianegroner’,
 twitter: ‘@loiane’,
 github: ‘loiane’,
 vimeo: ‘loiane’,
 youtube: ‘loianeg’
 }
Dúvidas Técnicas?

http://www.extjs.com.br
Obrigada!

Mais conteúdo relacionado

Mais procurados

Curso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion LayoutCurso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion LayoutLoiane Groner
 
Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: ValidationsCurso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: ValidationsLoiane Groner
 
Curso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border LayoutCurso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border LayoutLoiane Groner
 
Curso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table LayoutCurso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table LayoutLoiane Groner
 
Curso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança SimplesCurso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança SimplesLoiane Groner
 
Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: FieldsCurso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: FieldsLoiane Groner
 
Curso ExtJS 4 - Aula 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox LayoutCurso ExtJS 4 - Aula 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox LayoutLoiane Groner
 
Curso ExtJS 4 - Aula 07 - Mixins
Curso ExtJS 4 - Aula 07 - MixinsCurso ExtJS 4 - Aula 07 - Mixins
Curso ExtJS 4 - Aula 07 - MixinsLoiane Groner
 
Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyCurso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyLoiane Groner
 
Curso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XTypeCurso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XTypeLoiane Groner
 
Curso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: DialogCurso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: DialogLoiane Groner
 
Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo
Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD CompletoCurso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo
Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD CompletoLoiane Groner
 
Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax ProxyCurso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax ProxyLoiane Groner
 
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e FilterCurso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e FilterLoiane Groner
 
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XMLCurso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XMLLoiane Groner
 
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryCurso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryLoiane Groner
 

Mais procurados (17)

Curso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion LayoutCurso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion Layout
 
Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: ValidationsCurso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations
 
Curso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border LayoutCurso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border Layout
 
Curso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table LayoutCurso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table Layout
 
Curso extjs4-aula40
Curso extjs4-aula40Curso extjs4-aula40
Curso extjs4-aula40
 
Curso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança SimplesCurso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança Simples
 
Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: FieldsCurso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields
 
Curso ExtJS 4 - Aula 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox LayoutCurso ExtJS 4 - Aula 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox Layout
 
Curso ExtJS 4 - Aula 07 - Mixins
Curso ExtJS 4 - Aula 07 - MixinsCurso ExtJS 4 - Aula 07 - Mixins
Curso ExtJS 4 - Aula 07 - Mixins
 
Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyCurso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
 
Curso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XTypeCurso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XType
 
Curso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: DialogCurso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: Dialog
 
Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo
Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD CompletoCurso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo
Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo
 
Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax ProxyCurso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
 
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e FilterCurso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
 
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XMLCurso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
 
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryCurso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
 

Destaque

Curso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox LayoutCurso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox LayoutLoiane Groner
 
[Curso de ExtJS 4] Aula 44: Apps MVC
[Curso de ExtJS 4] Aula 44: Apps MVC[Curso de ExtJS 4] Aula 44: Apps MVC
[Curso de ExtJS 4] Aula 44: Apps MVCLoiane Groner
 
Curso ExtJS 4 - Aula 28: Buttons
Curso ExtJS 4 - Aula 28: ButtonsCurso ExtJS 4 - Aula 28: Buttons
Curso ExtJS 4 - Aula 28: ButtonsLoiane Groner
 
Testando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com SiestaTestando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com SiestaLoiane Groner
 
TDC2012: Apps RIA com Sencha GXT 3 e GWT
TDC2012: Apps RIA com Sencha GXT 3 e GWTTDC2012: Apps RIA com Sencha GXT 3 e GWT
TDC2012: Apps RIA com Sencha GXT 3 e GWTLoiane Groner
 
ExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVCExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVCLoiane Groner
 
Guia Referência Rápida HTML 5
Guia Referência Rápida HTML 5Guia Referência Rápida HTML 5
Guia Referência Rápida HTML 5Loiane Groner
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Loiane Groner
 

Destaque (8)

Curso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox LayoutCurso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox Layout
 
[Curso de ExtJS 4] Aula 44: Apps MVC
[Curso de ExtJS 4] Aula 44: Apps MVC[Curso de ExtJS 4] Aula 44: Apps MVC
[Curso de ExtJS 4] Aula 44: Apps MVC
 
Curso ExtJS 4 - Aula 28: Buttons
Curso ExtJS 4 - Aula 28: ButtonsCurso ExtJS 4 - Aula 28: Buttons
Curso ExtJS 4 - Aula 28: Buttons
 
Testando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com SiestaTestando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com Siesta
 
TDC2012: Apps RIA com Sencha GXT 3 e GWT
TDC2012: Apps RIA com Sencha GXT 3 e GWTTDC2012: Apps RIA com Sencha GXT 3 e GWT
TDC2012: Apps RIA com Sencha GXT 3 e GWT
 
ExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVCExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVC
 
Guia Referência Rápida HTML 5
Guia Referência Rápida HTML 5Guia Referência Rápida HTML 5
Guia Referência Rápida HTML 5
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
 

Semelhante a Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyCurso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyLoiane Groner
 
Curso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: StoreCurso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: StoreLoiane Groner
 
Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy
Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage ProxyCurso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy
Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage ProxyLoiane Groner
 
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts ComplexosLoiane Groner
 
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar ModelCurso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar ModelLoiane Groner
 
Curso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsCurso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsLoiane Groner
 
Curso ExtJS 4 - Aula 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST ProxyCurso ExtJS 4 - Aula 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST ProxyLoiane Groner
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4Loiane Groner
 
Design Factory em testes
Design Factory em testesDesign Factory em testes
Design Factory em testesTestRock!
 
performance em jQuery apps
performance em jQuery appsperformance em jQuery apps
performance em jQuery appsDavidson Fellipe
 
Orientação a Objetos com Python e UML - XIII FGSL
Orientação a Objetos com Python e UML - XIII FGSLOrientação a Objetos com Python e UML - XIII FGSL
Orientação a Objetos com Python e UML - XIII FGSLGeorge Mendonça
 
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasTDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasLoiane Groner
 
Seu framework é melhor pra quê?
Seu framework é melhor pra quê?Seu framework é melhor pra quê?
Seu framework é melhor pra quê?Jaime Neto
 
Curso ExtJS 4 - Aula 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de ClassesCurso ExtJS 4 - Aula 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de ClassesLoiane Groner
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitáriosPaullo Norato
 

Semelhante a Curso ExtJS 4 - Aula 26: Panel (15)

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyCurso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
 
Curso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: StoreCurso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: Store
 
Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy
Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage ProxyCurso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy
Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy
 
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
 
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar ModelCurso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
 
Curso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsCurso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model Associations
 
Curso ExtJS 4 - Aula 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST ProxyCurso ExtJS 4 - Aula 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST Proxy
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4
 
Design Factory em testes
Design Factory em testesDesign Factory em testes
Design Factory em testes
 
performance em jQuery apps
performance em jQuery appsperformance em jQuery apps
performance em jQuery apps
 
Orientação a Objetos com Python e UML - XIII FGSL
Orientação a Objetos com Python e UML - XIII FGSLOrientação a Objetos com Python e UML - XIII FGSL
Orientação a Objetos com Python e UML - XIII FGSL
 
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasTDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
 
Seu framework é melhor pra quê?
Seu framework é melhor pra quê?Seu framework é melhor pra quê?
Seu framework é melhor pra quê?
 
Curso ExtJS 4 - Aula 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de ClassesCurso ExtJS 4 - Aula 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de Classes
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitários
 

Curso ExtJS 4 - Aula 26: Panel