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

19/01/2012 | By

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.

curso extjs4 aula08 loiane [Curso de ExtJS 4] Aula 08: Alias e 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! icon smile [Curso de ExtJS 4] Aula 08: Alias e XType

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! icon smile [Curso de ExtJS 4] Aula 08: Alias e XType

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

Comments (10)

Links to this Post

  1. Curso de ExtJS 4 - Gratuito! | Loiane Groner | 20/01/2012
  1. Bruno

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

  2. Luís

    ta d+ suas aulas..

    Parabéns..

  3. Muito bacana mesmo e parabéns pelo lançamento do livro.

    Obs.: Eu estava acompanhando pelo link http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ só que essa aula ainda não esta linkada la, só fiquei sabendo pelo youtube, mas como vc postou o vídeo ontem então deve arrumar ainda isso.

    Abs e continue com ess trabalho.

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

  5. Mais uma aula concluída! Agora já estou em dia c/ as aulas da Loiane! Rs…
    Fico no aguardo da próxima aula!

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

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

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

    });

  8. Ops… desconsidera meu último comment… já achei… rs…

    fui muito besta mesmo… é Ext.widget() e não Ext.create().