[Curso de ExtJS 4] Aula 08: Alias e XType

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

Na aula de hoje vamos aprender como adicionar um alias, também conhecido como apelido a uma classe ExtJS. Vamos aprender também como fazer o uso desse alias através da declaração do xtype.

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/BrpEA78USvQ

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

Slides:

Até a próxima aula! :)

10 thoughts on “[Curso de ExtJS 4] Aula 08: Alias e XType

  1. Excelente trabalho, ótima didática, obrigado por compartilhar conosco. Parabéns está em altíssimo nível este projeto.

  2. Loiane,

    Muito parabéns pela iniciativa, fazia um tempinho que procurava um curso de extJS. E esse seu curso esta completo.

    grande abraço

    Megaron Perin
    Desenvolvedor WEB

  3. Loiane, boa tarde você já me ajudou muito e estou precisando de mais uma dica.

    criando um Ext.define(‘MyApp.views.win’,…)

    dentro do mesmo quero por um botão para dar o hide e não consigo, não é da forma comun quando vc mandar o create para um var..

    1. Oi Luis,
      Qual componente você está criando?
      Vc não consegue adicionar um botão em uma classe vazia, precisa extender uma classe componente…

  4. Boa tarde Loiane… suas aulas estão formidáveis… sensacional!

    Seguinte, nesta aula, ao usar o widget, recebi a mensagem:
    Uncaught Ext.Error: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing required class: meubotao

    Olhei o código várias vezes e aparentemente está certo…

    Ext.define(‘Aula08.componente.MeuBotao’, {
    extend: ‘Ext.button.Button’,
    alias: ‘widget.meubotao’,

    initComponent: function(){
    this.text = ‘Meu Botão 2′;
    this.callParent();
    }

    });

    Ext.onReady(function(){

    Ext.create(‘meubotao’, {
    renderTo: Ext.getBody()
    });

    });

Comments are closed.