Dicas de grid e ordenar tabelas

[Fabyo 66]

A maioria de voce ja teve que fazer alguma vez um grid com dados populados por banco de dados

e ainda ter que fazer quando clicar ele ordenar pelo que o usuario escolher clicando nos titulos das colunas

 

a maioria deve ter usado query_string e order by nome_campo, dai alem de ser chato fazer isso e ter uma query_string cheia de informações para o usuario, facilitando com que o usuario insira sql injection, fora que

toda hora que o usuario clica para ordenar tem que abrir o banco fazer a consulta, retornar os dados etc...

 

para melhorar isso e deixar o banco de dados livre dessa ordenação voce pode fazer isso via javascript

alem de deixar a conexao com o banco livre, fica parecendo um sistema mais profissional e bonito de se ver, ja que a pagina nao fica sendo submetida toda hora fazendo a tela piscar e demorar para reabrir a pagina, baseando nos links que to passando eu criei meu proprio sistema com javascript nao obstrusivo que ordena o grid, colori as linhas com cores alternadas(zebra) e efeito do mouse passando por cima e quando clica, bom os links estao ai só pegarem e usarem o que acharem melhor para a necessidade de voces:

 

http://motherrussia.polyester.se/pub/jquer...ter/1.0.3/docs/

http://motherrussia.polyester.se/pub/jquer...w-striping.html

http://mochikit.com/examples/sortable_tables/index.html

http://webfx.eae.net/dhtml/sortabletable/rowcolordemo.html

http://www.kryogenix.org/code/browser/sorttable/

http://www.frequency-decoder.com/demo/table-sort-revisited/

http://www.workingwith.me.uk/articles/scri...a_table_sorting

http://makoomba.altervista.org/grid/

http://www.scbr.com/docs/products/dhtmlxGrid/index.shtml

 

http://lab.arc90.com/tools/altrows/

[Epyllion 0]

Parabéns novamente, Fabyo !Excelente dica !

[Void : 0]

uruuu fabão, valeu meu brother!

/*vou ver se consigo adaptar com http://www.imaputz.com/cssStuff/bigFourVersion.html# */

[Fabyo 66]

Void o esquema dos titulos fixos é muito legal mas o de ordenar é ruim porque é meio engessado tem que usar nos thead, outro esquema legal tambem é de porder mudar o tamanho dos titulos arrastando o mouse

 

o que eu mais gostei foi dos exemplos com javascript nao obstrusivo.

 

os exemplos que eu modifiquei e adaptei para ficar mais completo com efeito do mouse passando por cima ou quando clica estão nesses links:

 

http://www.fabyoguimaraes.com/exemplos/exemplo1/

http://www.fabyoguimaraes.com/exemplos/exemplo2/

 

nao ta no exemplo mas eu tbm inclui ajax para editar rapido os campos e quando é campo data aparece um datapiker usei o exemplo com javascript nao obstrusivo:

 

http://www.frequency-decoder.com/demo/date-picker-v2/

 

http://www.frequency-decoder.com/2006/10/0...r-widgit-update

[Perfect Lion 10]

Muito bom em fabão ..... show de bola mesmo =) vou começar a estudar isso ae pq agora o bixo vai pegar para mim.. mudei de trampo e agora estou em uma agencia de crições de sistema web =) você sabe qual demoro para você está aqui :P

[weslleysolo 0]

VALEU PELA DICAAAAAAAAA.....estava com essa duvida ae.

[Void : 0]

aqui nao abriu seus exemplos fabyo

[Fabyo 66]

vixe ontem eu tirei do ar, coloquei de novo agora:

 

http://www.fabyoguimaraes.com/exemplos/exemplo1/

http://www.fabyoguimaraes.com/exemplos/exemplo2/

[Void : 0]

muito bom !entao, eu adaptei, mas eu utilize o js nao obstrusivo ..eu adaptei conforme a minha necessidade, e conhecimento :D .. heheheConfesso, que antigamente, eu fazia novas consultas para ordenar ...mas agora pintou uma dúvida ein ... e se for um webmail, como seria possivel organizar por priodade, sendo que oque define a prioridade são imagens .... !?

[Fabyo 66]

da sim, ja vi um exemplo que ordena por imagens, mas acho que ele ordena por alguma tag que voce coloca ou o nome da imagem, nao cheguei a ver como ele fez mas lembro que ordenava

 

tbm usei javascript nao obstrusivo, mas no exemplo o js ta na mesma pagina só porque é exemplo mesmo.

 

sobre ordenar as consultas usando query string e banco é muito ruim , ainda bem que tem o javascript pra facilitar nossas vidas

[Void : 0]

verdade fabão ...

Bom, aproveitando o ensejo, voce conhece algum context menu (menu com o botão direito) que funcione, de alguma forma, associado a uma linha de uma grid ...

 

Saca !?

 

nunca achei um context menu, que fosse possível interagir com uma grid dessas ...

esses webmails em ajax, disponibilizam esse recurso ... de poder definir a ação pelo botão direito ... mas a ação esta vinculada a linha que voce escolheu na grid

 

Outra questão tb, será que é muito complicado, fazer com que seja possível diminuir o tamanho das células de uma grid via javascript !?

Manja, clicar, arrastar, e soltar. pronto: definido novo tamanho!

eu conheço só este script http://www.activewidgets.com/javascript.fo...enu-script.html

[stview 0]

Eu não consegui entender como ele faz isso ... O js analisa linha por linha e reordena de acordo com a escolha q você fez?

[Fabyo 66]

Outra questão tb, será que é muito complicado, fazer com que seja possível diminuir o tamanho das células de uma grid via javascript !?
Manja, clicar, arrastar, e soltar. pronto: definido novo tamanho!

 

isso tem nos exemplos que eu passei acima, mais exatamente nesse

http://www.scbr.com/docs/products/dhtmlxGrid/index.shtml, você clica e aumenta ou diminui as colunas

[JuniorE 0]

Olá pessoal,vocês conhecem algum site que tenha várias estilos de grid, com checkbox em cada linha para excluir ou alterar o registro?Att,Jr.

[Fabyo 66]

voce queria um exemplo com checkbox ?, ou o datagrid completo?

[JuniorE 0]

Olá Fabyo,Qualquer ajuda já serve, mas se tiver uma grid completinha seria mais interessante.Valeu!

[marceloplis 0]

Olá Fabyo,Qualquer ajuda já serve, mas se tiver uma grid completinha seria mais interessante.Valeu!

Olá, você encontrou algum DataGrid completo ?? ou Algum outro exemplo além destes do Fabyo ??Aliás, Fábyo, você tem os exemplos para download em algum endereço ?? Pq não disponho de tempo pra ficar pesquisando vários sites e elaborar o meu !! Valew.

[Fabyo 66]

a maioria sao esses mesmo, o resto voce vai ter que editar