SlideShare uma empresa Scribd logo
1 de 14
Baixar para ler offline
Curso
Ext JS 4
 Layouts
Agenda


•Introdução a Layouts
Requisitos
Ext JS 4 SDK

          Servidor (Apache)

           Editor de Texto

Browser (Firefox c/ Firebug ou Chrome)
Absolute Layout
Accordion Layout
 Anchor Layout
 Border Layout
  Card Layout
 Column Layout
   Fit Layout
  HBox Layout
  Table Layout
  VBox Layout
Absolute            Anchor          Arcordion




           Border            Card
Column          Fit           HBox




         VBox         Table
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://
www.packtpub.com/
ext-js-4-first-look/
book
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 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
Loiane Groner
 
Curso ExtJS 4 - Aula 27: Ext.window.Window
Curso ExtJS 4 - Aula 27: Ext.window.WindowCurso ExtJS 4 - Aula 27: Ext.window.Window
Curso ExtJS 4 - Aula 27: Ext.window.Window
Loiane Groner
 
Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout
Curso ExtJS 4 - Aula 30: Toolbar e DockedLayoutCurso ExtJS 4 - Aula 30: Toolbar e DockedLayout
Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout
Loiane Groner
 
Curso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: Panel
Loiane 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 Filter
Loiane 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 + JQuery
Loiane Groner
 

Mais procurados (10)

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 de ExtJS 4 Aula 38: Card Layout
Curso de ExtJS 4 Aula 38: Card LayoutCurso de ExtJS 4 Aula 38: Card Layout
Curso de ExtJS 4 Aula 38: Card Layout
 
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 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 27: Ext.window.Window
Curso ExtJS 4 - Aula 27: Ext.window.WindowCurso ExtJS 4 - Aula 27: Ext.window.Window
Curso ExtJS 4 - Aula 27: Ext.window.Window
 
Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout
Curso ExtJS 4 - Aula 30: Toolbar e DockedLayoutCurso ExtJS 4 - Aula 30: Toolbar e DockedLayout
Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout
 
Curso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: Panel
 
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 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 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryCurso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
 

Semelhante a Curso ExtJS 4 - Aula 31: Introducao a Layouts

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
Loiane 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: Store
Loiane 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 + XML
Loiane 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 Proxy
Loiane Groner
 
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
Loiane 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 Model
Loiane 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: Dialog
Loiane 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 Proxy
Loiane 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 Associations
Loiane Groner
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Tchelinux
 

Semelhante a Curso ExtJS 4 - Aula 31: Introducao a Layouts (20)

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 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 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 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 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 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 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 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 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 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 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 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 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 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
 
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
 
Tecnologias iTEC
Tecnologias iTECTecnologias iTEC
Tecnologias iTEC
 
Tema 1 | Introdução a PHP
Tema 1 | Introdução a PHPTema 1 | Introdução a PHP
Tema 1 | Introdução a PHP
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHP
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitários
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
 

Último

Último (9)

Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 

Curso ExtJS 4 - Aula 31: Introducao a Layouts