[Curso de ExtJS 4] Aula 09: Configurações, Statics e Singletons

26/01/2012 | By

Vídeo/Screencast de hoje: aula 09 do curso gratuito de Ext JS 4!

Na aula de hoje vamos aprender como criar configurações em classes ExtJS 4, que automaticamente criam métodos para ajudar a gerenciar os atributos declarados dentro do config. Vamos aprender também como declarar funções e atributos statics, que não precisam de uma instância de uma classe para serem acessados. E por último, vamos aprender como criar classes singleton, que não podem ser instanciadas.

curso extjs4 aula09 loiane [Curso de ExtJS 4] Aula 09: Configurações, Statics e Singletons

Essa é a última aula do módulo de Sistemas de Classes do ExtJS 4. Esse módulo nos deu uma base para entender melhor algumas características e como as classes do ExtJS 4 se comportam. No próximo módulo vamos aprender como carregar arquivos à medida que a página precisar e algumas convenções.

Dei dois deslizes na aula, mas percebi a tempo e consertei o erro. Já mencionei antes que não tenho script para os vídeos, e a idéia dos exemplos me vem quando estou falando na aula, mesmo se eu planejar algo, mudo na hora! rs  Bem, isso mostra que nem tudo é perfeito né? E que a gente pode cometer erros a qualquer hora! Ainda bem que existem o firebug e o google developer tools para nos ajudar! icon smile [Curso de ExtJS 4] Aula 09: Configurações, Statics e Singletons

Quem quiser ver todas as aulas já publicadas, é só clicar aqui.

Espero que gostem dessa aula e fico no aguardo do feedback de vocês! icon smile [Curso de ExtJS 4] Aula 09: Configurações, Statics e Singletons

Requerimentos:

  • Ext JS 4 SDK
  • Servidor Apache (não é obrigatório, mas recomendado ter instalado na máquina) – vai nos ajudar a executar alguns exemplos mais pra frente no curso.
  • Editor de Texto (qualquer um de sua preferência). No vídeo usei o Sublime Text 2 (tem pra Mac OS, Windows e Linux – a versão shareware não expira!)
  • Browser (de preferência Firefox com Firebug ou Chrome).

Vídeo:

YouTubehttp://youtu.be/cYDpdKQvt4k

Códigohttps://github.com/loiane/curso-extjs4

Slides:

Até a próxima aula! icon smile [Curso de ExtJS 4] Aula 09: Configurações, Statics e Singletons

Filed in: Curso ExtJS 4, Ext JS 4, Tutoriais | Tags: , ,

Comments (24)

Links to this Post

  1. Curso de ExtJS 4 - Gratuito! | Loiane Groner | 26/01/2012
  1. André Luiz Papazoglu

    Muito boa a aula, há um fonte aqui da empresa que utiliza esse framework na versão 3, mas não utilizaram nada de classes, nem herança.
    Parabéns e fico no aguardo das próximas aulas!

  2. Delton

    Ótima aula Loiane, estou aprendendo muito estou ansioso para a próxima.

  3. Nas apps MVC onde podemos definir uma classe com as constantes do sistema? Coloquei no arquivo app.js tá correto?

  4. Willian Dolence Ribeiro

    Loiane, primeiramente muito obrigado pelas aulas. Tem sido muito esclarecedoras! Estava entre aprender Vaadin ou ExtJS e seu curso foi fator decisivo na minha escolha. Gostaria de reportar um bug na versão 4.1 do ExtJS:

    Este código retorna apenas o * sem o valor da variavel n. O mesmo código com a versão 4.0.7 funciona perfeitamente. Fica a dica para um outro alguém que venha a ter o mesmo problema.

    setNome: function(n){
    this.nome = n + ‘*';
    },

    Um abraço e mais uma vez obrigado.

    • Valeu pelo acerto do bug Willian!
      []’s

    • Clóvis

      Willian, estou com o mesmo problema. Utilizei o Firefox versão 20.0.1 e o Chrome versão 28.0.1500.3 dev-m. Ambos retornam somente o “*” sem o nome na frente.

      At.,
      Clóvis

  5. Aislan Maia

    Willian tive esse mesmo problema e estava achando isso muito estranho. O engraçado é que se colocando uma linha acima imprimindo no console o valor de n conforme a seguir:

    setNome: function(n){
    console.log(n);
    this.nome = n + ‘*’;
    },

    Imprime normalmente o valor de n.

  6. Victor de Sá

    Só pra reportar que tive este mesmo problema de sobrescrita do método setNome que somente retorna o ‘*’ na versão 4.1 do EXT JS 4.1.

  7. Eclis Castilho

    Estou usando a versão 4.1 do Extjs 4 mas também está me retornando apenas o ‘*’ no setNome… Não entendi como solucionar o problema.

    • Oi Eclis, isso é um bug do ExtJS 4.1, a Sencha já resolveu isso e já lançou o fix na versão mais nova.
      []’s

  8. wagner monteverde

    Ola Loiane Parabens pela iniciativa,
    vc é Show, muito didatica parabens estou gostando muito do seu curso Abraços

  9. Flávio Santos

    Ola Loiane, td bem ? estou acompanhando suas video aulas, bom trabalho, e surgiu-me o seguinte:

    ao alterar o valor da propriedade no config

    setNome: function(value){
    console.log(“valor: “+value); this.nome = value;
    },

    var usuario = Ext.create(‘Usuario’);
    usuario.setNome(‘Flavio’);
    usuario.setSenha(‘123456′);

    console.log(usuario.getNome());
    console.log(usuario.getSenha());

  10. Flávio Santos

    Ola Loiane, td bem ? estou acompanhando suas video aulas, bom trabalho, e surgiu-me o seguinte:

    ao alterar o valor da propriedade no config

    setNome: function(value){
    console.log(“valor: “+value); this.nome = value;
    },

    o valor não aparece na console. o que será ?

    var usuario = Ext.create(‘Usuario’);
    usuario.setNome(‘Flavio’);
    usuario.setSenha(’123456′);

    console.log(usuario.getNome());
    console.log(usuario.getSenha());

    Muito Obrigado
    Flávio

  11. Flávio Santos

    Retificação,

    O valor só aparece na console do metodo abaixo, mas não no getNome na instanciação da classe.

    setNome: function(value){
    console.log(“valor: “+value); this.nome = value;
    },

  12. Flávio Santos

    Oi Loiane, desculpa a poluição de posts, pode apagar os posts anteriores ja vi a resposta postada acima.

    Muito Obrigado
    Flavio

  13. Parabéns pela ótima aula, seus ensinamos complementares estão me ajudando muito.
    Estou usando a versão 4.1.1 de 04/07/2012 às 21:11:01 e o problema da sobrescrita continua.
    Porém, consultando a documentação disponível em http://docs.sencha.com/ext-js/4-1/#!/api/Ext.Class-cfg-config tomei conhecimento que é necessário inicializar o config.
    constructor: function(cfg) {
    this.initConfig(cfg);
    }

    • Eder

      Antes de qualquer coisa, muito obrigado Loiane, suas aulas são ótimas.

      Aqui também não estava dando certo o código. Esta inicialização resolveu o problema, thx.

  14. André

    Olá Loiane, parabéns as aulas estão ótimas, sua didática é incrivel.

  15. Rodrigo de Lima Vieira

    Estou usando a 4.1.1 e o problema de reescrita persiste, retornando apenas o ‘*’ ao sobreescrever o método setNome tentando concatenar o ‘*’ ao parâmetro nome.

    Definindo o construtor como o @Guedes mencionou funciona!

  16. Jefferson Bonamim

    Valeu ‘Guedes’ pela dica.

  17. Raphael

    Muito bom, Guedes!
    Resolveu o meu problema!

  18. bart

    Não Entendi Direito… :(
    Poderiam dar um exemplo da solução?