Codeigniter + PHP - Não passa variável para a Modal

[violin101 0]

Caros amigos,

 

saudações...

 

Estou com um problema para passar a VARIÁVEL para uma MODAL.

 

Preciso passar o ID de um registro para executar uma função, mas infelizmente não estou conseguindo realizar esta operação.

 

Abaixo posto o código:

<!-- DataTables -->
<link rel="stylesheet" href="<?= base_url();?>templates/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="<?= base_url();?>templates/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">  

<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>

<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Transação</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="<?php echo base_url()?>admin/">Home</a></li>
            <li class="breadcrumb-item active">Transação</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  
  <?php
  if (!$results) { ?>
  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <?php
               if ($this->permission->checkPermission($this->session->userdata('permissao'), 'aTransacao')) { ?>
                  <a href="<?php echo base_url();?>admin/transacao/adicionar" class="btn btn-success"><i class="icon-plus icon-white"></i> Adicionar Transação</a>    
              <?php } ?>
            </div>            
            <div class="card-body">
              <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>#</th>
                  <th>Transação</th>
                  <th>Status</th>
                  <th>Tipo</th>
                  <th>Ação</th>
                </tr>
                </thead>
                <tbody>
                  <tr>
                      <td colspan="5">Nenhuma Registro Encontrado</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>

  <?php } else { ?>    

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <?php
               if ($this->permission->checkPermission($this->session->userdata('permissao'), 'aTransacao')) { ?>
                  <a href="<?php echo base_url();?>admin/transacao/adicionar" class="btn btn-success"><i class="icon-plus icon-white"></i> Adicionar Transação</a>    
              <?php } ?>
            </div>
            <div class="card-body">
              <table id="tab_trans" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th style="text-align:center;">Código</th>
                  <th style="text-align:center;">Transação</th>
                  <th style="text-align:center;">Status</th>
                  <th style="text-align:center;">Descrição</th>
                  <th style="text-align:center;">Ação</th>
                </tr>
                </thead>
                <tbody>
                  <?php foreach ($results as $r) {
                      if ($r->status == 1) {
                          $status = 'Ativo';
                      } else {
                          $status = 'Inativo';
                      }

                      echo '<tr>';
                      echo '<td width="70" height="10" style="text-align:center;">'.$r->idTransacao.'</td>';
                      echo '<td width="150" height="10">'.$r->transacao.'</td>';
                      echo '<td width="70" height="10" style="text-align:center;">'.$status.'</td>';
                      echo '<td>'.$r->tipo.'</td>';

                      echo '<td width="150" style="text-align:center;">';
                      if ($this->permission->checkPermission($this->session->userdata('permissao'), 'vTransacao')) {
                          echo '<a href="'.base_url().'admin/transacao/visualizar/'.$r->idTransacao.'" style="margin-right: 3%; padding: 2px 5px;" class="btn btn-default" title="Visualizar">
                              <i class="fa fa-search icon-white"></i></a>';
                      }

                      if ($this->permission->checkPermission($this->session->userdata('permissao'), 'eTransacao')) {
                          echo '<a href="'.base_url().'admin/transacao/editar/'.$r->idTransacao.'" style="margin-right: 3%; padding: 2px 5px;" class="btn btn-info" title="Editar"><i class="fa fa-edit  icon-white"></i></a>';
                      }
                      
                      if ($this->permission->checkPermission($this->session->userdata('permissao'), 'dTransacao')) {     
                         //Aqui chamo a MODAL para passar o ID do registro.
                         //Infelizmente não estou conseguindo passar o ID
                         echo '<a href="#modal-excluir" data-toggle="modal" idTransa="'.$r->idTransacao.'" style="margin-right: 3%; padding: 2px 5px;" role="button" class="btn btn-danger" title="Desativar"><i class="fa fa-trash icon-white"></i></a>';
                      }                      

                      echo '</td>';
                      echo '</tr>';

                  } ?>


                </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->

        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
  <?php } ?>
  <!-- /.content -->
</div>


<div class="modal fade" id="modal-excluir">
  <div class="modal-dialog">
    <div class="modal-content">
      <form action="<?php echo base_url() ?>admin/transacao/excluir" method="post" >
      <div class="modal-header">
        <h4 class="modal-title">Desativar Transação</h4>
      </div>
      <div class="modal-body">
        <input type="hidden" id="idTransacao" name="id" value="" />
        <h4 style="text-align: center">Deseja realmente Inativar esta Transação ?</h4>
      </div>
      <div class="modal-footer">
        <button class="btn btn-warning pull-left" data-dismiss="modal">Cancelar</button>
        <button class="btn btn-primary">Confirmar</button>
      </div>
      </form>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>   


<!-- DataTables -->
<script src="<?= base_url();?>templates/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<?= base_url();?>templates/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="<?= base_url();?>templates/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="<?= base_url();?>templates/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>


<script>
  $(function () {
    $('#tab_trans').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  })
</script>

<!--Recebe os Dados do [a href] para Excluir -->
<script type="text/javascript">
  $(document).ready(function(){
     $(document).on('click', 'a', function(event) {        
          var idTransa = $(this).attr('idTransa');
          $('#idTransacao').val(idTransa);
      });
  });
</script>

 

Grato,

 

Cesar

[ygor.anjos 23]

@violin101 adicionei uma linha de codigo no JS, abra o console(F12) e veja o que está retornando, assim você consegue ver se está trazendo o objeto correto e como acessar o atributo dele

<script type="text/javascript">
  $(document).ready(function(){
     $(document).on('click', 'a', function(event) {        
          var idTransa = $(this).attr('idTransa');
          console.log($(this));
          $('#idTransacao').val(idTransa);
      });
  });
</script>