JavaScript - Orientação em passar parametro para Controller

[violin101 0]

Caros amigos, saudações.

 

Estou com uma dúvida e não estou conseguindo resolver.

 

Tenho um SELECT onde eu pego o ID e NOME_CAMPO, até aqui tudo bem.

 

Para evitar erros de saída de produtos por estoque, preciso passar o ID do Centro de Custo, para gerar a Tabela de produtos em estou por cada centro de Custo.

Exemplo:
Centro de Custo 1 - tem:
produto A | produto B | produto C

Centro de Custo 2 - tem:
produto D | produto E

Como consigo pegar via JAVASCRIPT o código do Centro de Custo selecionado e passar para a Controller, para chamar a MODAL ?

meu código está assim:
VIEW
 

                  <div class="col-md-6">
                    <label for="deptsOrigem">Dpto Origem:</label>
                    <div class="input-group mb-3">                      
                      <input type="hidden" name="idCentrocusto" id="idCentrocusto">
                      <input type="text" class="form-control" id="nameCentrocusto" name="nameCentrocusto" 
                             style="font-size:15px; font-weight:bold;" 
                             placeholder="Pesquisar por Centro de Custo" disabled>                       
                      <span class="input-group-btn">
                          <button class="btn btn-primary" type="button" id="btnOrgn" name="btnOrgn" 
                                  data-toggle="modal" data-target="#modal_deptsOrigem" >
                                  <span class="fa fa-search"></span> Buscar
                          </button>
                      </span>
                    </div>
                  </div> 



<div class="modal fade" id="modal_deptsOrigem">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">

      <div class="modal-header" style="font-size:18px; color:#ffffff; background:#307192;">
         <h4 class="modal-title"><strong>Lista do(s) Centro de Custo(s)</strong></h4>
      </div>

      <div class="modal-body">
        <table id="deptsLista" class="table table-bordered table-hover">
          <thead>
              <tr>
                <th style="text-align:center;">Código</th>
                <th style="text-align:center;">Centro de Custo(s)</th>
                <th style="text-align:center;">Ação</th>
              </tr>
          </thead>
          <tbody id="itensDeptos">       
           <!---Monta Tabela VIA Ajax--->                  
          </tbody>
        </table>
      </div>

      <div class="modal-footer justify-content-center" style="background:#BBAAAA;">
        <button type="button" class="btn btn-danger pull-center" data-dismiss="modal">Voltar</button>
      </div>

    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div>

 

o JAVASCRIPT está assim:
 

    //Função para Chamar o Centro de Custo que o usuário deseja.
    listaDeptos();   
      var table = $('#deptsLista').dataTable({     
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": false,
        "pageLength": 5,
        "lengthMenu": [ 5, 10, 25, 50 ],
        "responsive": true,
      });
      // list all employee in datatable
      function listaDeptos(){
        $.ajax({
          type  : 'ajax',
          url   : '<?=base_url()?>estoque/consumo/deptsList/',
          async : false,
          dataType : 'json',
          success : function(data){
            var html = '';
            var i;
            for(i=0; i<data.length; i++){

              var datadpts = data[i].idDepartamento+"*"+data[i].departamento;             

              html += '<tr>'+
                  '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].idDepartamento+'</td>'+
                  '<td width="50%" style="text-align:left; font-size:16px;">'+data[i].departamento+'</td>'+
                  '<td width="10%" style="text-align:center;">'+
                    '<button type="button" class="btn btn-success btn_orgns" style="margin-right: 1%; padding: 2px 5px;" title="Selecionar Departamento" value="'+datadpts+'"><span class="fa fa-check"></span></button>'+
                  '</td>'+
                '</tr>';
            } //Fim - For
            $('#itensDeptos').html(html);       
          } //Fim - success
        }); //Fim - ajax     
      } //Fim - function

      /*---Função para Capturar o Departamento selecionado---*/
      $(document).on("click",".btn_orgns",function(){
        dpts = $(this).val();
        infodpts = dpts.split("*");
          $("#idCentrocusto").val(infodpts[0]);
          $("#nameCentrocusto").val(infodpts[1]);    
          $("#modal_deptsOrigem").modal("hide");

          //Função para Atualizar o Status do Botão
          statusPesqProd();
      });




    //Função para Gerar a Lista de Produtos por Centro de Custo via AJAX.
    listaProduts();   
    var table = $('#prdsLista').dataTable({     
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "pageLength": 5,
      "lengthMenu": [ 5, 10, 25, 50 ],
      "responsive": true,
    });
    // list all employee in datatable
    function listaProduts(){ 
      $.ajax({
        type  : 'ajax',
        url   : '<?=base_url()?>estoque/consumo/produtsList/',  //< como passo aqui o ID do Centro de Custo Selecionado para Gerar a Lista de Produtos
        async : false,
        dataType : 'json',
        success : function(data){
          var html = '';
          var i;
          for(i=0; i<data.length; i++){

            var prds = data[i].idProdutos+"*"+data[i].cod_interno+"*"+data[i].descricao+"*"+data[i].prd_unid+"*"+data[i].estoque_atual;
            
            html += '<tr>'+
                  '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].cod_interno+'</td>'+
                  '<td width="50%" style="text-align:left; font-size:16px;">'+data[i].descricao+'</td>'+
                  '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].prd_unid+'</td>'+
                  '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].estoque_atual+'</td>'+
                  '<td width="12%" style="text-align:center;">'+
                    '<button type="button" class="btn btn-success btn-prod" style="margin-right: 1%; padding: 2px 5px;" title="Selecionar Produto" value="'+prds+'"><span class="fa fa-check"></span></button>'+
                  '</td>'+
                '</tr>';
          } //Fim - For
          $('#itensProds').html(html);         
        } //Fim - success
      }); //Fim - ajax     
    } //Fim - function

 

a CONTROLLER está assim:

    //Função para Criar Lista - Produtos Data Tables com AJAX
    function produtsList(){
        $data = $this->consumo_model->prodsList();
        echo json_encode($data);
    }

 

 

 

Grato,

 

Cesar