SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Curso
  Ext JS 4
 Data Package:
Carregar/Salvar
    Model
        Loiane Groner
      http://loiane.com
Agenda
•Pequena Introdução ao Proxy
•Carregar dados no Model
•Editar, Salvar, Excluir Model
•REST Proxy no Model
•Exemplo prático com JSON
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’,
 youtube: ‘loianeg’
 }
Obrigada!

Mais conteúdo relacionado

Mais procurados

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 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 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 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 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 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryCurso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryLoiane 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 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 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
 

Mais procurados (11)

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 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 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 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 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 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryCurso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
 
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 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 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
 
HTML 5 & JavaScript
HTML 5 & JavaScriptHTML 5 & JavaScript
HTML 5 & JavaScript
 
Curso extjs4-aula40
Curso extjs4-aula40Curso extjs4-aula40
Curso extjs4-aula40
 

Semelhante a Ext JS 4 Model CRUD

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 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 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 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 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 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 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
 
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 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 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 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 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 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 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 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
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4Loiane 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
 

Semelhante a Ext JS 4 Model CRUD (20)

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 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 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor LayoutCurso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor Layout
 
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 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: DialogCurso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: Dialog
 
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 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
 
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 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 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 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 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 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: Panel
 
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 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
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4
 
Servidores WEB
Servidores WEBServidores WEB
Servidores WEB
 
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
 
Linguagem PHP
Linguagem PHPLinguagem PHP
Linguagem PHP
 

Ext JS 4 Model CRUD