SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
Curso
Ext JS 4
Herança
Simples
     Loiane Groner
   http://loiane.com
Agenda

• Como fazer herança simples em
 um componente ExtJS

•Como usar essa nova classe
•Exemplo prático
Requisitos
Ext JS 4 SDK

      Servidor (Apache)

       Editor de Texto

Browser (Firefox c/ Firebug ou
          Chrome)
Show me the
   code!
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
contato = {
 email: ‘curso@extjs4.com’,
 blog: ‘loiane.com’,
 facebook: ‘facebook.com/loianegroner’,
 twitter: ‘@loiane’,
 github: ‘loiane’,
 vimeo: ‘loiane’
 }
Obrigada!

Mais conteúdo relacionado

Mais procurados

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 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.WindowLoiane 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 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 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 28: Buttons
Curso ExtJS 4 - Aula 28: ButtonsCurso ExtJS 4 - Aula 28: Buttons
Curso ExtJS 4 - Aula 28: ButtonsLoiane Groner
 
Curso ExtJS 4 - Aula 29: Menus
Curso ExtJS 4 - Aula 29: MenusCurso ExtJS 4 - Aula 29: Menus
Curso ExtJS 4 - Aula 29: MenusLoiane 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 ProxyLoiane Groner
 
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
 
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 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 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 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 DockedLayoutLoiane Groner
 
Curso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelLoiane Groner
 
Curso de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column LayoutCurso de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column LayoutLoiane Groner
 
Curso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute LayoutCurso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute LayoutLoiane 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 de ExtJS 4 Aula 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit LayoutCurso de ExtJS 4 Aula 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit LayoutLoiane Groner
 

Mais procurados (18)

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 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 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 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 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 28: Buttons
Curso ExtJS 4 - Aula 28: ButtonsCurso ExtJS 4 - Aula 28: Buttons
Curso ExtJS 4 - Aula 28: Buttons
 
Curso ExtJS 4 - Aula 29: Menus
Curso ExtJS 4 - Aula 29: MenusCurso ExtJS 4 - Aula 29: Menus
Curso ExtJS 4 - Aula 29: Menus
 
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 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
 
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 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 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 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 de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column LayoutCurso de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column Layout
 
Curso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute LayoutCurso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute Layout
 
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 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit LayoutCurso de ExtJS 4 Aula 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit Layout
 

Destaque

Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03
Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03
Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03Loiane Groner
 
[Curso de Sencha Touch 2] Aula 06: Sistemas de Classes
[Curso de Sencha Touch 2] Aula 06: Sistemas de Classes[Curso de Sencha Touch 2] Aula 06: Sistemas de Classes
[Curso de Sencha Touch 2] Aula 06: Sistemas de ClassesLoiane Groner
 
Curso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e Android
Curso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e AndroidCurso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e Android
Curso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e AndroidLoiane Groner
 
[Curso de Sencha Touch 2] Aula 05: Arquitetura da API
[Curso de Sencha Touch 2] Aula 05: Arquitetura da API[Curso de Sencha Touch 2] Aula 05: Arquitetura da API
[Curso de Sencha Touch 2] Aula 05: Arquitetura da APILoiane 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 01 - Introdução
Curso ExtJS 4 - Aula 01 - IntroduçãoCurso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - IntroduçãoLoiane Groner
 

Destaque (6)

Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03
Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03
Curso Sencha Touch 2 - Aula 04: Curso Sencha Touch 2 - Aula 03
 
[Curso de Sencha Touch 2] Aula 06: Sistemas de Classes
[Curso de Sencha Touch 2] Aula 06: Sistemas de Classes[Curso de Sencha Touch 2] Aula 06: Sistemas de Classes
[Curso de Sencha Touch 2] Aula 06: Sistemas de Classes
 
Curso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e Android
Curso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e AndroidCurso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e Android
Curso Sencha Touch 2 - Aula 03 - Primeira App com Deploy no iOS e Android
 
[Curso de Sencha Touch 2] Aula 05: Arquitetura da API
[Curso de Sencha Touch 2] Aula 05: Arquitetura da API[Curso de Sencha Touch 2] Aula 05: Arquitetura da API
[Curso de Sencha Touch 2] Aula 05: Arquitetura da API
 
[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 01 - Introdução
Curso ExtJS 4 - Aula 01 - IntroduçãoCurso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - Introdução
 

Semelhante a Curso Ext JS 4 - Herança Simples

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
 
Curso ExtJS 4 - Aula 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a LayoutsCurso ExtJS 4 - Aula 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a LayoutsLoiane Groner
 
Curso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto LayoutCurso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto LayoutLoiane Groner
 
Curso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor LayoutCurso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor LayoutLoiane Groner
 
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 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 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 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 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 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
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4Loiane Groner
 
[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe Object
[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe Object[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe Object
[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe ObjectLoiane Groner
 
JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4Loiane Groner
 
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
 

Semelhante a Curso Ext JS 4 - Herança Simples (15)

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 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a LayoutsCurso ExtJS 4 - Aula 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a Layouts
 
Curso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto LayoutCurso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto Layout
 
Curso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor LayoutCurso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor Layout
 
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 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 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 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 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 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
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4
 
[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe Object
[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe Object[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe Object
[Curso Java Basico - Orientacao a Objetos] Aula 43: Classe Object
 
JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4
 
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
 

Curso Ext JS 4 - Herança Simples