Problema ao capturar valores da linha de uma Datatable

Tenho a seguinte função para pegar as informações de uma linha no meu Datatable.

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

alert("Chegou na Funcao - linha-tabela");

console.log(myTable.selectedRows())

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

console.log(myTable.selectedRows()[0]);

var linha = myTable.getRow(linhaSelecionada);

alert("Pedido: " + linha.PEDIDO);

$("#solicitante").val(linha.SOLICITANTE);

});`

Consigo chegar na função. Porém nos campos linhaSelecionada está sendo retornado [] (lista vazia).

E consequentemente no campo linha vem com valor undefined.

Gostaria que me ajudassem a entender onde estou errando nessa chamada. Pois em todas as documentações que vi, a chamada é feita dessa maneira.

criado 16 de May de 2018
Alessandro Feitosa
332 pontos
editado 16 de May de 2018

Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

2 respostas

up 0 down
Diogo, muito obrigado pela resposta, o código que você enviou funcionou,já consigo tratar as informações e usá-las.

Tire só uma dúvida, porque teve que ficar assim $(this).index() e não como está na maioria dos exemplos ?

Para constar o código que funcionou:

`$('#id-da-tabela').on('click', 'tr', function() {

console.log($(this).index());

console.log(myTable.getRow($(this).index()));

var linhaSelecionada = $(this).index();

var linha = myTable.getRow(linhaSelecionada);

});`
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 16 de May de 2018
  Alessandro Feitosa
  332 pontos
- 0
  
  Normalmente eu uso pegando o index, mas também deveria funcionar da forma como está nos exemplos. Só olhando o seu código pra ver se tem algo que impede o funcionamento.
  — Diogo Boegershausen 16 de May de 2018
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações
up 0 down
Bom dia Alessandro,

essa classe "linha-tabela" está na tr da table?

Tente uma das opções abaixo:
```
// Busca pela classe

$('#id-da-tabela').on('click', '.linha-tabela', function() {
    var linhaSelecionada = myTable.selectedRows()[0];
    var linha = myTable.getRow(linhaSelecionada);
    console.log(linha);
});

// Ou use a busca pelo tr direto

$('#id-da-tabela').on('click', 'tr', function() {
    var linhaSelecionada = myTable.selectedRows()[0];
    var linha = myTable.getRow(linhaSelecionada);
    console.log(linha);
});
```
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 16 de May de 2018
  Diogo Boegershausen
  3259 pontos
- 0
  
  Sim, a classe linha-tabela está na tr. Irei tentar suas opções e já já respondo aqui.
  — Alessandro Feitosa 16 de May de 2018
- 0
  
  Diogo, teste das duas maneiras e retornou o mesmo resultado. linhaSelecionada veio nulo, linha veio como undefined. Eu preciso declarar esse myTable em algum lugar do meu código JavaScript ?
  — Alessandro Feitosa 16 de May de 2018
- 0
  
  O myTable eu peguei do seu código ali acima, mas é a variável contendo a instancia da datatable que vc criou, tipo: var myTable = FLUIGC.datatable('#id-da-tabela', { objeto com as propriedades da tabela }); https://style.fluig.com/javascript.html#fluig-datatable
  — Diogo Boegershausen 16 de May de 2018
- 0
  
  Meu script está seguindo o padrão da documentação, porém, quando chamo o selectedRows()[0], ele está vindo nulo e consequentemente quando chamo o getRow ele não tras nada e fica undefined. Estou revisando o código mas não consigo achar onde pode estar o erro ou o que está faltando para ele pegar as informações da linha da tabela.
  — Alessandro Feitosa 16 de May de 2018
- 0
  
  O que retorna se você colocar console.log(myTable)?
  — Diogo Boegershausen 16 de May de 2018
- 0
  
  Retorno do console.log(myTable):
  
  {addPage: ƒ, reload: ƒ, addRow: ƒ, removeRow: ƒ, removeRows: ƒ, …} addPage : ƒ (a,b,c) addRow : ƒ (a,b,c) destroy : ƒ () dragInfo : ƒ () getClassSelected : ƒ () getData : ƒ () getRow : ƒ (a,b) hideColumn : ƒ (a) hideLoading : ƒ () nextPage : ƒ (a,b) on : ƒ (a,b) reload : ƒ (a,b) removeRow : ƒ (a) removeRows : ƒ (a) selectedRows : ƒ () showColumn : ƒ (a) showColumns : ƒ () showLoading : ƒ (a) updateRow : ƒ (a,b,c) proto : Object
  — Alessandro Feitosa 16 de May de 2018
- 1
  
  $('#id-da-tabela').on('click', '.linha-tabela', function() { console.log($(this).index()); console.log(myTable.getRow($(this).index())); });
  — Diogo Boegershausen 16 de May de 2018
Mostrar todos os 7 comentários>
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações

fluig forum

Problema ao capturar valores da linha de uma Datatable

Comentário

2 respostas

Comentário

Comentário

Não é a resposta que estava procurando? Procure outras perguntas com as tags datatable selectedrows getrow ou faça a sua própria pergunta.