SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
Curso
  Ext JS 4
 Data Package:
Recursos Store:
Sorter e Filter
Agenda
•Recursos Extras da Store
•Sorter - Ordenação
•Filter - Filtro de dados
•Exemplo prático
Requisitos
Ext JS 4 SDK

          Servidor (Apache)

           Editor de Texto

Browser (Firefox c/ Firebug ou Chrome)

  PHP + MySQL (ou outra linguagem)
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
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

http://
loja.loiane.com
contato = {
 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 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 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 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 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 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 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 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 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 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelLoiane 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 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 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
 

Mais procurados (14)

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 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 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 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 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 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 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 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 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: Panel
 
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 extjs4-aula40
Curso extjs4-aula40Curso extjs4-aula40
Curso extjs4-aula40
 
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 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
 

Destaque

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
 
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
 
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 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
 
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
 
[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
 
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 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 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 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
 
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
 
ExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVCExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVCLoiane 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
 
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 (15)

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
 
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
 
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 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
 
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
 
[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
 
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 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto LayoutCurso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto 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 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
 
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
 
ExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVCExtJS 4: Mapa Mental Arquitertura MVC
ExtJS 4: Mapa Mental Arquitertura MVC
 
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
 
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 24: Data Package: Recursos Store: Sorter e Filter

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 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 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 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
 
PHPSP TestFest 2010
PHPSP TestFest 2010PHPSP TestFest 2010
PHPSP TestFest 2010Rafael Dohms
 

Semelhante a Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter (12)

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 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 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
 
Servidores WEB
Servidores WEBServidores WEB
Servidores WEB
 
Linguagem PHP
Linguagem PHPLinguagem PHP
Linguagem PHP
 
[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
 
PHPSP TestFest 2010
PHPSP TestFest 2010PHPSP TestFest 2010
PHPSP TestFest 2010
 
PHP 5.3 - Introdução
PHP 5.3 - IntroduçãoPHP 5.3 - Introdução
PHP 5.3 - Introdução
 
PHP 7 - A Maioridade do PHP
PHP 7 - A Maioridade do PHPPHP 7 - A Maioridade do PHP
PHP 7 - A Maioridade do PHP
 
Apresentação do grupo PHPMS
Apresentação do grupo PHPMSApresentação do grupo PHPMS
Apresentação do grupo PHPMS
 
Mini Curso de PHP
Mini Curso de PHPMini Curso de PHP
Mini Curso de PHP
 

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter