Ext JS

Traduzir o ExtJS para Português

Olá Pessoal, Neste post irei mostrar como traduzir o Ext para português. Se você já teve está curiosidade ou dificuldade vai chorar ou rir quando ver como é simples… em outras palavras Ext é uma “mão na roda”! Após chamas os includes de javascript ext-all.js e o ext-base.js e o css, basta por último chamar […]


Manipulação de eventos com ExtJS

Utilizando o ExtJS é possível controlar os eventos de qualquer elemento de seu html através do ID por exemplo. Digamos que ao clicar em um link (tag a) preciso que abra uma caixa de mensagem do Ext, como faria? Veja abaixo: Ext.onReady(function () { Ext.get('id_da_tag_a').on('click', function () { Ext.MessageBox.alert('JotaQuery', 'O portal do javascrit no Brasil!'); […]


Exemplo de Formulário de Contato em ExtJS

Começando com ExtJS? Confira abaixo um exemplo simples de um Formulário de contato, com 3 campos input text e um textarea. Segue o script da tela acima: var MyForm = new Ext.form.FormPanel({ title: "Formulário de Contato", labelWidth: 100, labelAlign: "left", layout: "form", width: 500, padding: 10, titleCollapse: false, autoHeight: true, items: [{ xtype: "fieldset", title: […]


Exemplo de window com layout HBox

O que é o layout Hbox ou Vbox. Simples! O layout Hbox (Caixa Horizontal) divide o layout proporcionamente em caixas horizontais. Ou seja, paineis do ExtJs ficarão um do lado do outro preenchendo todo o Objeto pai, no caso da imagem abaixo uma Window (janela). Já o Vbox tem o mesmo objetivo porém Verticalmente… ou […]


Grid Panel e JsonStore - ExtJS

Abaixo um exemplo simples de GridPanel do ExtJS: var MyGrid = new Ext.grid.GridPanel({ title: "Exemplo de Grid", width: 400, height: 250, columns: [{ header: "Coluna A", sortable: true, resizable: true, width: 100, dataIndex: "string" }, { header: "Coluna B", sortable: true, resizable: true, width: 100, dataIndex: "string" }, { header: "Coluna C", sortable: true, resizable: […]