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

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.

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! :)

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! :)

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! :)

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

  1. 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. Ótima aula Loiane, estou aprendendo muito estou ansioso para a próxima.

  3. 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.

    1. 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

  4. 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.

  5. 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.

  6. 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.

    1. 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

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

  8. 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());

  9. 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

  10. 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;
    },

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

    Muito Obrigado
    Flavio

    1. 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.

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

  13. 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!

Comments are closed.