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


4 comentários:

  1. Bem-vindo ao club véio. E parabéns pelo post.

    ResponderExcluir
  2. Tutorial muito bom, estava com dificuldades de utilizar o flexigrid, mas agora consegui.

    ResponderExcluir
  3. não consegui... ainda estou com problemas...

    consigo pegar a Tb padrao do flexigrid mas quando tento pegar uma minha não dá certo...

    tem como ajudar?

    ResponderExcluir