0

Eu possuo em um HTML uma datatable e em cada linha eu tenho 3 inputs (text, datepicker e select) e um botão, que vai mandar pro PHP, para registrar o que foi digitado ou selecionado nos inputs daquela linha. O que eu estou tentando fazer é pegar as informações da linha em que eu apertar o botão. O que pensei em fazer é serializar a tabela e transformar em um array usando JQuery; o problema é que ele trás as informações de todas as linhas da datatable, mas o que eu preciso é apenas da linha que eu aperta o botão.

Não posso pegar os valores por id dos inputs pois a datatable é preenchida automaticamente pelo PHP.

Segue código:

var table = $('#tableList').DataTable();
$("#tableList").on("click", ".btnReceived", function() {
    var data = JSON.stringify(table.$('input, select').serializeArray());
    console.log(data);
});

Segue HTML onde é criado o botão:

<a class='btn btn-orange btn-xs btnReceived' href='#' title='Confirmar Recebimento'><span class='glyphicon glyphicon-saved'></span><a/>
5
  • Os outros estao vindo vazios? 12/09/2017 às 13:47
  • Estão. Se o datatable tiver mil linhas e eu preenchi apenas 1, ele trás em um json mil linhas, com 999 vazios e 1 com o que preenchi.
    – Prisley
    12/09/2017 às 13:49
  • Mas nesse caso, voce pode verificar os que estiverem vazio e usar um splice para retira-los, assim so vai manter os que foram digitados 12/09/2017 às 14:08
  • Acredito que verificar não seria um caminho viável, se for pensar no ponto de vista do meu usuário, ele vai primeiro preencher os inputs para depois ir clicando nos botões, isso ja acabaria com minha verificação... Acredito que se tivesse uma forma de pegar apenas as informações da linha do botão que eu clicar, seria melhor.
    – Prisley
    12/09/2017 às 14:12
  • Vocé não entendeu, quando eu digo verificar, digo voce mesmo, para o usuario nao fara diferença, pois o codigo mesmo faria tudo isso. 12/09/2017 às 14:28

1 Resposta 1

0

Segue um exemplo de como poderia fazer, verificando e armazenando apenas os campos que tiverem informação.

document.getElementById('enviar').onclick = function(){
  let elemento = document.getElementsByClassName('a')
  
  let arr = []

  for(let i = 0; i < elemento.length; i++){
    if(elemento[i].value == ''){
      
    }else{
      arr.push({
        'valor': elemento[i].value
      })
    }
  }
  console.log(arr)
}
<input type="text" class="a">
  <input type="text" class="a">
  <input type="text" class="a">
  
  <button id="enviar">Enviar</button>

9
  • Vou fazer alguns testes aqui dessa forma e dou um retorno aqui. Grato!
    – Prisley
    12/09/2017 às 14:38
  • E como eu poderia diferenciar as informações que estão no array (arr) ? Tipo, de qual linha é cada informação.
    – Prisley
    12/09/2017 às 14:54
  • voce usaria essa infomação para o que? 12/09/2017 às 14:56
  • Vou usar para dar update em uma tabela do banco de dados. A primeira coluna do datatable é um id, se eu conseguisse diferenciar por esse id pelo menos, já serviria.
    – Prisley
    12/09/2017 às 15:00
  • Eu nao consegui entender muito bem, mas voce poderia passar esse ID pelo botao que clica, nao? se em cada tem um botao, pode atribuir um attr a esse botao e recuperar esse id para fazer o update 12/09/2017 às 15:04

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 .