Ir para conteúdo
Fórum Script Brasil
  • 0

Popular datatable com input text


vagner_JSF

Pergunta

Boa noite!

Não tenho conhecimento em javascript e preciso da seguinte solução:
 
 
Preciso que as informações inseridas no input de Origem, quando clicar no botão, estás informações sejam inseridas nos inputs da datatable.
 
 
Preciso de ajuda urgente!
 
 
HEEEEEELLLLLPPPPP!!!!!
 
 
 
 
 
<!DOCTYPE html> 
<html>
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="">
      <meta name="author" content="Ruan Carvalho">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <link href="css/style.css" rel="stylesheet">
      <script type="text/javascript">
         (function($) {
          AddTableRow = function() {
         
            var newRow = $("<tr>");
            var cols = "";
         
            cols += '<td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="prod"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>';
            cols += '<td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="cod"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>';
            cols += '<td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="qtde"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>';
            cols += '<td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="preço"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>';
            cols += '<td>';
            cols += '<button onclick="RemoveTableRow(this)" type="button">Remover</button>';
            cols += '</td>';
         
            newRow.append(cols);
            $("#products-table").append(newRow);
         
            return false;
          };
         })(jQuery);
         
         (function($) {
         
          RemoveTableRow = function(handler) {
            var tr = $(handler).closest('tr');
         
            tr.fadeOut(400, function(){ 
              tr.remove(); 
            }); 
         
            return false;
          };
         })(jQuery);
      </script>
   </head>
   <body>
      <div class="container">
         <div class="table-responsive">
            <table id="products-table" class="table table-hover table-bordered">
               <tbody>
                  <h1>Destino Produtos</h1>
                  <tr>
                     <th>Produto</th>
                     <th>Codigo</th>
                     <th>Quantidade</th>
                     <th>Preço</th>
                     <th class="actions">Excluir</th>
                  </tr>
               </tbody>
               <tfoot>
                  <tr>
                     <td colspan="5" style="text-align: left;">
                        <button class="btn btn-large btn-success" onclick="AddTableRow(this)" type="button">Adicionar Produto</button>
                        <h1>Origem Produtos</h1>
                     </td>
                  </tr>
                  <tr>
                     <td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="prod1"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>
                     <td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="cod1"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>
                     <td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="qtde1"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>
                     <td><input type="text" style="border-bottom-style:none; width: 150px; height: 22px;" name="preco1"  dataset="1-Cliente" datasetvalue="Razao" onblur="preencheuClienteDesp(this.value)"></td>
                  </tr>
               </tfoot>
            </table>
         </div>
      </div>
      <!-- /.container -->
   </body>
</html>

Exemplo.png

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...