3

Minha duvida é bem básica:

Tenho uma table, preciso armazenar em uma variável todos os valores da linha que foi clicada, estou tentando isso com esse método abaixo mas o resultado é "undefined".

O que pode estar errado no código? Ou como poderia fazer?

 $(document).ready(function () {
    var table = $('#example2').DataTable();

    $('#example2 tbody').on('click', 'tr', function () {
        var data = table.row(this).data();
        alert(data[0]);
    });
});

  $(document).ready(function () {
    $('#example2').DataTable({
        "ajax": 'http://localhost:55959/Cliente/getBydesc?json=""',
        "columns": [
            { "data": "codigo" },
            { "data": "codinterno" },
            { "data": "razao" },
            { "data": "fantasia" },
            { "data": "cnpj" },
            { "data": "ie" },
            { "data": "cep" },
            { "data": "endereco" },
            { "data": "numero" },
            { "data": "complemente" },
            { "data": "bairro" },
            { "data": "cidade" },
            { "data": "uf" },
            { "data": "email" },
            { "data": "fone1" },
            { "data": "fone2" },
            { "data": "fone3" },
            { "data": "datacad" },
            { "data": "proprietario" }
        ],
        "columnDefs": [
             { "targets": [0, 2, 3, 18], "visible": true },
             { "targets": '_all', "visible": false },
             { "targets": [18], "width": "20%" },
             { "targets": [2, 3, 18], 'className': 'mdl-data-table__cell--non-numeric' },           
        ],
        "buttons": [
            'copy'
        ]
    });
});

html

 <table id="example2" class="display" cellspacing="0">
        <thead>
            <tr>
                <th>codigo</th>
                <th>codinterno</th>
                <th>razao</th>
                <th>fantasia</th>
                <th>cnpj</th>
                <th>ie</th>
                <th>cep</th>
                <th>endereco</th>
                <th>numero</th>
                <th>complemente</th>
                <th>bairro</th>
                <th>cidade</th>
                <th>uf</th>
                <th>email</th>
                <th>fone1</th>
                <th>fone2</th>
                <th>fone3</th>
                <th>datacad</th>
                <th>proprietario</th>
            </tr>
        </thead>          
    </table>
6
  • posta o codigo da geração da table também por favor Commented 14/02/2016 às 19:02
  • Alexandre, editei o post e coloquei os codigo da criação da tabela Commented 14/02/2016 às 19:43
  • já experimentou colocar um each un nivel acima do seu codigo $('#example2 tbody').on('click', 'tr', function () { var data = table.row(this).data(); alert(data[0]); }); Commented 14/02/2016 às 21:30
  • fiz como vc disse, mas o alert exibe "undefined". veja o codigo: $(document).ready(function () { var table = $('#example2').DataTable(); $('#example2 tbody').on('click', 'tr', function () { var data = table.row(this).data(); alert(data[0]); }); }); Commented 15/02/2016 às 9:26
  • 1
    consegui resolver, ao inves de usar data[0], usei data.codigo, ai deu certinho, obrigado pela ajuda. Commented 15/02/2016 às 9:49

1 Resposta 1

-1

Você pode usar $("tr th").next(); e fazer um loop.

1
  • 1
    @DiegoF o comentário saiu em inglês, alguém já notificou?
    – gato
    Commented 8/03/2016 às 21:42

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .