segunda-feira, 8 de fevereiro de 2010

Tutorial Flexigrid JQUERY

Olá, tudo bem?

Antes de tudo quero deixar aqui meus agradecimentos à Caio Trevisan http://caiotrevisan.blogspot.com/), Diego Silva e João Marcos Moro (jmsmoro@hotmail.com) que me dão altos toques de flexigrid dentre outras coisas.

Não vou perder tempo explicando o que é o flexigrid. Existe muita coisa sobre o que é no Google, no entanto, muito pouco sobre como usá-lo.

O flexigrid

"Flexigrid é para os programadores que usam jQuery e permite modificar tabelas normais para super tabelas.

Algumas das modificações que permite são:

  • Poder ajustar o tamanho das colunas
  • Poder ajustar o altura
  • Organizar por ordem alfabética e numérica uma coluna bastando clicar na header
  • Interface bastante agradável
  • Converte qualquer tabela
  • Habilidade para usar Ajax
  • Paginação
  • Poder ocultar colunas"

segue uma imagem do flexigrid

Bom, o primeiro passo é ter seu banco de dados pronto. Já que o flexigrid trata-se de uma ferramenta do jquery que trabalha puxando do banco os dados a serem listados. Além da conexão deste com sua aplicação. Para isso, Cassiano Trevisan elaborou um tutorial voltado exclusivamente para o exemplo que estou disponibilizando.

Baixado os arquivos disponibilizados você vai encontrar uma aplicação flexigrid , comentada linha à linha explicando o funcionamento da aplicação flexigrid.

Arquivos:

http://uploaddearquivos.com.br/download/3Flexigrid.rar

Quanto à seleção de conteúdo: será tratada em outro tutorial.

Qualquer dúvida estou a disposição.

Referências:

http://www.flexigrid.info/

http://www.ptajax.com/225/componentes/flexigrid-para-jquery-da-uma-nova-vida-as-tuas-tabelas;


Obrigado


Apresentação

Olá a todos.

Sou Afro Netto e criei esse blog visando disponibilizar alguns tutorias tanto de programação quanto de designer gráfico. 

Espero que seja de bom proveito.

Sejam bem-vindos.