none
Dúvida sobre utilização do plugin DataTables RRS feed

  • Pergunta

  • 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+




    • Editado DET1 terça-feira, 4 de junho de 2013 21:46
    quarta-feira, 22 de maio de 2013 18:34

Todas as Respostas

  • 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

    terça-feira, 11 de junho de 2013 02:15
  • 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+



    sexta-feira, 14 de junho de 2013 20:28