[SOLUCIONADO] Modales con CI y Bootstrap

[JuanMartinez91]

Hola Tengo una tablas hecha en bootstrap donde cargo unos datos y tengo unos botones como editar, el cual quiero que en vez de abrirme otra vista, me cargue una ventana modal con los datos dependiendo de el id que toma el boton.
si es posible me gustaria que me regalaran un ejemplo sencillo muchas gracias de antemano.

[truman_truman]

Debe coincidir el data-target="#myModal" del boton con el id="myModal" del Modal, en tu foreach deberás ir poniendo el id del registro.

Por ejemplo en el boton harias algo asi:

Código PHP:

data-target="#myModal<?php echo $value->id?>"
 

y el en modal algo asi:

Código PHP:

id="myModal<?php echo $value->id?>"
 

Código HTML:

<!-- Button-->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Abrir Modal
</button>
 
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
   <!-- contenido del modal -->
</div>
 

[JuanMartinez91]

Lo he intentado pero no me da si pudieras darme otro ejemplo te lo agradeceria

[bymorr]

Mira creo el modal con la clase hide.
Después al presionar el botón para que el modal se abra llamo a una función ajax que me llena los campos si es que fuese necesario.
Después cambio la clase a show
Todo con bootstrap.

Código HTML:

<div id='modal_ejem' class="modal hide">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Modal title</h4>
          </div>
          <div class="modal-body">
            <p>One fine body...</p>
          </div>
          <div class="modal-footer">
            <a class="btn btn-default" data-dismiss="modal">Close</a>
            <a class="btn btn-primary">Save changes</a>
          </div>
        </div>
      </div>
    </div>
 

Código Javascript:

function abremodal(codigo){
$('#form-modal').bootstrapValidator('resetForm', true); // reset a los campos del modal
    var parametros = {
        "codigo" :codigo   
    };
  
    var fun =$.ajax({
        data:  parametros,
        url:   '<?php echo base_url();?>index.php/controlador/metodo',
        type:  'post',
        dataType:'json', //retorno del controlador debe venir en json
    });
    fun.done(function (data) {      
        $('#campo_modal').val(data[0].campo_retornado),   
 
    });
    fun.fail(function(jqXHR, textStatus){
        console.log( "Error... (" + textStatus + " - " + jqXHR.responseText +")." );
    });
      $('#modal_ejem').modal('show'); // muestra modal
    
    
}
 

[JuanMartinez91]

La verdad lo hice de la primera forma que me dijieron y me funciono tenia un problema al llamarlo pero me funciono, muchas gracias.