16
Curso Ext JS 4 Criação de Classes Loiane Groner http://loiane.com

Curso ExtJS 4 - Aula 05 - Criação de Classes

Embed Size (px)

DESCRIPTION

Curso ExtJS 4 - Aula 05 - Criação de Classes

Citation preview

Page 1: Curso ExtJS 4 - Aula 05 - Criação de Classes

CursoExt JS 4

Criação de Classes

Loiane Gronerhttp://loiane.com

Page 2: Curso ExtJS 4 - Aula 05 - Criação de Classes

Agenda

• Definição de uma classe no ExtJS 4

•Sobreescrever o construtor

•Criação de uma instância

•Convenções

•Exemplos práticos

Page 3: Curso ExtJS 4 - Aula 05 - Criação de Classes

Requisitos

Page 4: Curso ExtJS 4 - Aula 05 - Criação de Classes

Ext JS 4 SDK

Servidor (Apache)

Editor de Texto

Browser (Firefox c/ Firebug ou Chrome)

Page 5: Curso ExtJS 4 - Aula 05 - Criação de Classes

Definindo uma Classe

Page 6: Curso ExtJS 4 - Aula 05 - Criação de Classes

Ext.ClassManager.create(Nome,Configurações,Callback);

Ext.define(Nome,Configurações,Callback);

Page 7: Curso ExtJS 4 - Aula 05 - Criação de Classes

Sobreescrevendo o construtor

Page 8: Curso ExtJS 4 - Aula 05 - Criação de Classes

constructor : function(options) {

Ext.apply(this,options || {}); }

Page 9: Curso ExtJS 4 - Aula 05 - Criação de Classes

Instanciando uma classe

Page 10: Curso ExtJS 4 - Aula 05 - Criação de Classes

Ext.ClassManager.instantiate(Nome, Opções);

Ext.create(Nome,Opções);

Page 11: Curso ExtJS 4 - Aula 05 - Criação de Classes

Covenções de Nomenclatura

Page 12: Curso ExtJS 4 - Aula 05 - Criação de Classes

Ext.create(‘Usuario’);Ext.create(‘UsuarioCursoIngles’);

Ext.create(‘CursoExt4.Usuario’);Ext.create(‘CursoExt4.aula05.Usuario’);

Page 15: Curso ExtJS 4 - Aula 05 - Criação de Classes

contato = {email: ‘[email protected]’,blog: ‘loiane.com’,facebook: ‘facebook.com/loianegroner’,twitter: ‘@loiane’,github: ‘loiane’,vimeo: ‘loiane’}

Page 16: Curso ExtJS 4 - Aula 05 - Criação de Classes

Obrigada!