Manter conteúdo <td> e acrescentar outros

[ment0r 1]

Boa tarde a todos.

 

Eu estou aproveitando a quarentena pra estudar e em aprofundar mais em JQuery. Comecei então um protótipo de PDV pra por em prática o aprendizado.

Anexei uma imagem da tela. Basicamente é isso: o usuário digita um código e ao sair (blur), preenche o nome do produto e valor; quando o usuário clica em quantidade (keyup) faz o cálculo de valor unitário X qtde e exibe no campo total item. Quando o campo total item perde o foco (blur), os dados vão para o canto superior esquendo (conforme imagem) e ficam como linha daquela tabela.

 

Só que quando eu faço uma nova consulta, ele apaga o registro anterior. O que eu queria é que quando eu pesquisasse um novo produto e fizesse o cálculo, armazenasse o segundo produto na linha de baixo e não apagasse o anterior.

Esse trecho busca o valor e exibe nos campos - tudo ok aqui.

// Pega o valor digitado no campo código
// Passa como parametro para função buscaProduto
codigo.blur(function(){

  if (codigo.val() != '') {

    buscaProduto(codigo.val());
  } else {
    alert('Por favor, digite algum valor no campo código');
    codigo.focus();
  }
});

// Função responsável por buscar os dados do produto
function buscaProduto(codigo){

  $.ajax({
    url : "busca_produto.php",
    type : 'post',
    cache: false, // não mantém os dados em cache
    dataType: 'json', // não é necessário passar quando é html
    data : { cod : codigo },

    success: function(msg){

      produto.val(msg.NOME);
      valor.val(msg.PRECO);
      quantidade.focus();
    }
  })
}

Esse trecho adiciona a linha dos dados na tabela do canto superior esquerdo.

// Executa a função preencheDados quando o input #total_item perde o foco
total_item.blur(function(){

  preencheDados(codigo.val(), produto.val(), quantidade.val(), valor.val(), total_item.val())
})

// Preeche os dados calculados na tela
function preencheDados(codigow, produtow, quantidadew, valorw, total_itemw){

  th = '<th>1</th>';
  th += '<th>'+codigow+'</th>';
  th += '<th>'+produtow+'</th>';
  th += '<th>'+quantidadew+'</th>';
  th += '<th>'+valorw+'</th>';
  th += '<th>'+total_itemw+'</th>';

  destino.html(th);

  descricao.val(produtow);
  valor_down.val(valorw);
  quantidade_down.val(quantidadew);
  total_item_down.val(total_itemw);
  sub_total.val('Calcular...');

  codigo.val('').focus();
  produto.val('');
  quantidade.val('');
  valor.val('');
  total_item.val('');
}

Se alguém puder me dar uma dica de como adicionar essa segunda linha (th) eu agradeço muito.

 

Um abraço a todos.

[WallyssonBr 0]

pelo que entendi, você quer acumular os valores de cada compra (preço x quantidade) dentro de Sub-total, não é?

 

Sempre inicie sua função preencheDados() capturando o valor setado em sub-total:

 

valorSubTotal = sub_total.val();

 

Adicione, no final, o valor do sub_total:

Em 06/04/2020 at 13:22, ment0r disse:

sub_total.val(valorSubTotal + seu calculo);

codigo.val('').focus();

produto.val('');

quantidade.val('');

valor.val('');

total_item.val('');

 

Vê se é isso

[ment0r 1]

WallyssonBr, primeiramente muito obrigado pelo retorno.

 

Mas infelizmente não é isso; essa parte eu já fiz. O que eu queria é que listasse todos os itens aonde na imagem está o HALLS. Ex:. eu escolho o produto HALLS, digito a quantidade e o mesmo é acrescentado na onde ele já está; depois escolho COCA-COLA, digito a quantidade e a mesma é acrescentada embaixo do HALLS com todas as informações e assim vai indo até o cliente terminar do pedido. Exatamente igual à um supermercado.