Dificuldade em selecionar registros de uma tabela

Boa tarde. Estou trabalhando com tables e não estou conseguindo selecionar os valores de uma linha selecionada, na verdade não estou conseguindo pegar os valores da linha selecionada para poder trabalhar com os valores. Estou tendo dificuldades para entender o conceito do fluig.datatable.onselectrow.

Segue meu código HTML

Javascript

'function visualizar() {

this.myTable.on('fluig.datatable.onselectrow', function(data) {

var index = this.myTable.selectedRows()[0];

var selected = this.myTable.getRow(index);

alert("Pedido: " + selected.PEDIDO + " Data: " + selected.DATA + " Valor: " + selected.VALOR);

});

};

Alessandro,

Faz o seguinte:

  • Remova a tag onclick da sua
    • No JavaScript, deixe apenas o evento que é disparado ao selecionar uma linha do datatable (não é necessário criar uma função para chamar isso). O ID no JavaScript precisa ser igual ao ID da sua tabela:
    
    this.table1.on('fluig.datatable.onselectrow', function(data) {
    
    var index = myTable.selectedRows()[0];
    var selected = myTable.getRow(index);
    
    /*
    Para acessar o valor selecionado, basta usar desta forma: selected.[campo]. Ex.:
    $("#ID").val(selected.id);      
    */
    
    
    });
    
    

    Abs,

    Marcos

Marcus, segui seu conselho, porém ainda não consegui exibir a informação num alert nem popular um campo com o codigo.
Eu preciso colocar esse evento onselectrow em algum lugar no meu datatable ?

Seguindo um conselho de um amigo ele falou que eu devia criar um Template com as colunas da Tabela.

E colocar no meu DataTable essa função:

`$(".linha-tabela").on("click", function(){

var linhaSelecionada = myTable.selectedRows()[0];

var linha = myTable.getRow(linhaSelecionada);

});`

Com essa estrutura consegui chegar na função.

Porém, não consegui acessar as informações da linha da Tabela.

Mas abrirei outro tópico para esse problema.