Dúvida sobre utilização do plugin DataTables

Question

Boas senhores, 

Estou tentando usar o plugin  DataTables (http://www.datatables.net) para utilizar um grid...

Dúvidas.

1 - Qual arquivo tenho que referenciar dentro do html

2 - Como conectar uma base ao grid

3 - Alguém usa populando através de base de dados sqlserver ?

Obrigado

t+

Answer 1

1 - Qual arquivo tenho que referenciar dentro do html

Primeiro o JQuery

<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>

Depois o plug-in

<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>

e agora um exemplo simples

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#example').dataTable();
    } );
</script>

2 - Como conectar uma base ao grid

você precisará usar Ajax para obter os dados conforme mostra aqui

http://www.datatables.net/release-datatables/examples/ajax/objects.html

ou você pode popular o grid no servidor a sua maneira, e apenas aplicar os recursos do que deseja do plug-in já no lado cliente.

3 - Alguém usa populando através de base de dados sqlserver ?

em ambas as maneiras que comentei, acredito que não haverá problemas quanto ao tipo de servidor que você utiliza.

---

Leandro

Answer 2

Obrigado pelo retorno....

Nas pesquisas cheguei em um implementação chamada, Gridviewfix

Como estou trabalhando com um GridView, consegui aplicar...so estou tendo problema para mudar o estilo, parece que o estilo interfere no resultado...(estou estudando ainda)...

http://www.codeproject.com/Articles/267001/GridviewFix-helper-plugin#pl

No link do seu exemplo, teria que fazer um loop via js

$(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": "sources/objects.txt",
        "aoColumns": [
            ??????????fazer loop do retorno do banco

        ]
    } );
} );

Teria uma indicação como faço isso, ou seja, rodar js no codebehind acredito eu....?

t+