Buenas gurizada, estive preparando este post, mais especificamente preparando o código deste post nos últimos dias. Criei um exemplo bem didático de um CRUD bem simples e dividido em 3 partes de evolução sendo:
- Listar os dados de uma tabela num banco MySQL em um grid comum;
- Adicionar paginação neste grid da parte 1;
- Adicionar as funcionalidades de “Adição, Alteração e Deleção” a parte 2, sendo feita a adição e edição através de um FormPanel.
Disponibilizarei aqui apenas um ZIP com as 3 etapas, cada etapa está em uma pasta distinta com seus arquivos .js, .css e .php, junto a estas pastas está um arquivo .sql contendo o banco de dados. Não colocarei online por não poder criar mais um banco de dados aqui neste servidor, mas acredito que quem realmente deseja aprender pode baixar e testar por si próprio.
Procurei comentar bem o código e cada etapa nova comente apenas o que mudou no código, tentei ser bem explicito. Um desses exemplos pode servir de base para a criação das telas para quem está iniciando.
Para executar este exemplo baixe a versão 3.1.1 do ExtJS ou uma mais nova e coloque as 3 pastas dentro da pasta examples da biblioteca. O banco que usei foi o MySQL porque a maioria de vocês o usa e usei a ferramenta MySQL Administrator para gerar o backup do banco.
Gostaria de salientar também que usei de um de meus overrides neste exemplo, o override que cria colunas facilmente em forms, ele não está incluso no arquivo ZIP e não usá-lo não gera problema algum, só os campos que ficarão um abaixo do outro.
Abaixo um print das 3 telas em ordem de evolução:
Aqui um print da terceira parte com o formulário aberto em Alteração:
E por fim o link para download do arquivo ZIP:
DOWNLOAD
Twittar Isto!
Rodrigo Krummenauer do Nascimento, técnico em informática, cursando Sistemas de Informação na FACCAT, nascido em 20/07/1988, 3 anos de experiencia profissional em Delphi com PostgreSQL, 2 anos de experiencia profissional em ExtJS com PHP, moderador do fórum nacional de ExtJS, singelo morador de uma pacata cidade de interior no Rio Grande do Sul, coordenador e desenvolvedor de um grupo de P&D em sua faculdade, http://nti.faccat.br. 