Category: Tutoriais

ExtJS 4: Criando Menus Accordion Dinamicamente usando MVC e Associação de Models

31/10/2012 | By Loiane | 5 Comments

No post de hoje vamos ver como criar um menu dinâmico usando panel com layout accordion e dentro de cada panel um tree panel com as opções. Esse post aborda a arquitetura MVC e também associação de Models. Criando os Models MenuRoot MenuItem Criando a Store Menu Json Carregado – exemplo Criando as Views Menu [...]

[Curso de ExtJS 4] Aula 32: Auto Layout

30/10/2012 | By Loiane | 3 Comments

Vídeo/Screencast de hoje: aula 32 do curso gratuito de Ext JS 4! Na aula de hoje vamos aprender como usar o Auto Layout, que é o layout padrão utilizado pelos containers do ExtJS 4. Quem quiser ver todas as aulas já publicadas, é só clicar aqui. Espero que gostem dessa aula e fico no aguardo do [...]

Sencha Architect 2: Como Criar Subdiretório

29/10/2012 | By Loiane | 1 Comment

Mais uma dica rápida sobre Sencha Architect 2. Hoje vamos ver como faz para criar subdiretórios no Sencha Architect 2. Quando temos uma aplicação grande, com vários módulos, é legal organizarmos melhor os arquivos para facilitar manutenção e deixar a aplicação mais organizada, como na figura abaixo: Como fazemos no Sencha Architect para que os [...]

Sencha Architect 2: Como Usar Arquivos Locale

26/10/2012 | By Loiane | Add a Comment

Dica rápida do Sencha Architect 2: como usar arquivos locale em um projeto? Como vimos na aula 3 do Curso Gratuito de ExtJS 4, é bem simples usar arquivos locale em uma aplicação, basta adicionar o JavaScript com as traduções na página HTML. Esse tutorial se aplica para Ext JS 4 e Sencha Touch 2. [...]

[Curso de ExtJS 4] Aula 31: Introdução a Layouts

24/10/2012 | By Loiane | 5 Comments

Vídeo/Screencast de hoje: aula 31 do curso gratuito de Ext JS 4! Na aula de hoje vamos ver apenas uma introdução aos Layouts disponíveis no ExtJS 4. Como já falei anteriormente, a API do data package é a que considero mais importante e a de layouts é a segunda mais importante – na minha opinião, [...]

ExtJS 4 Troubleshooting: ActionColumn iconCls não é mostrado

18/10/2012 | By Loiane | 1 Comment

ActionColumn é um tipo de coluna do componente grid do ExtJS muito usado. Com esse tipo de coluna, você pode usar aquele botões para fazer operações para cada linha do grid. Só tem um problema: quando queremos mostrar um ícone através da config iconCls, não funciona. Aí temos que usar a config icon, passando a [...]

Screencast ExtJS 4: AutoCompletar no Eclipse com Sencha Eclipse Plugin

15/10/2012 | By Loiane | 12 Comments

Ei Pessoal! No screencast de hoje vamos aprender como instalar o Sencha Eclipse Plugin, e como configurar o Eclipse para usar o recurso de autocompletar do plugin que a Sencha criou. O plugin é pago e é parte do Sencha Complete ou Sencha Complete Team. Mas você pode baixar uma versão trial de 30 dias [...]

Exemplo ExtJS 4 MVC + Sencha Architect 2: Grid com Paginação (Usando Preview Plugin)

04/10/2012 | By Loiane | 5 Comments

Continuando a migração dos exemplos da Sencha para a arquitetura MVC e Sencha Architect 2, hoje vou postar o exemplo do Paging Grid, um grid com paginação. Nesse exemplo, além de aprender como estruturar o projeto MVC quando se utiliza um grid com paginação, também vai aprender como estruturar o projeto quando se usa um [...]