Foros del Web » Programando para Internet » PHP »

CodeIgniter Mostrar datos en ventana modal

Estas en el tema de Mostrar datos en ventana modal en el foro de PHP en Foros del Web. Hola a tod@s, estoy haciendo una aplicación en codeigniter y bootstrap en la cual tengo una tabla de clientes. En ella hay un botón para ...
  #1 (permalink)  
Antiguo 27/09/2014, 05:56
 
Fecha de Ingreso: mayo-2010
Mensajes: 103
Antigüedad: 14 años, 6 meses
Puntos: 4
Mostrar datos en ventana modal

Hola a tod@s, estoy haciendo una aplicación en codeigniter y bootstrap en la cual tengo una tabla de clientes. En ella hay un botón para mostrar los datos del cliente y esto lo muestro en una ventana modal de bootstrap. Esto lo consigo, pero el problema está en que me enseña siempre el primero que muestro, es decir si pincho en el primero de la lista, después pinche dónde pinche me muestra el primero, si recargo la página me muestra el que pinche, pongamos el 5º, pero después pinche dónde pinche me sale el 5º. A la ventana la llamo de la siguiente forma:

Código:
<a href="admin/verFicha/".$aRow['id']." class="ico" data-toggle="modal" data-target="#ficha-modal"><i class="fa fa-desktop" alt="Ver Ficha" title="Ver Ficha" /></i></a>
y el código para la ventana es:

Código:
<!--ventana modal para la ficha-->
<div class="modal fade" id="ficha-modal" role="dialog" aria-labelledby="fichacliente" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body" style="height: 400px">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
      </div>
      </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->
    </div>
  </div>
</div>
Alguien sabe porqué pasa esto y como corregirlo. Por supuesto la funcion verFicha recoge un id y en una ventana normal se recarga con los datos correspondientes al id que le paso, pero en la modal siempre coge el primero que se clica.

Muchas gracias
__________________
salud
ainvar de los carnutos
  #2 (permalink)  
Antiguo 27/09/2014, 06:17
Avatar de Dalam  
Fecha de Ingreso: septiembre-2010
Mensajes: 409
Antigüedad: 14 años, 2 meses
Puntos: 56
Respuesta: Mostrar datos en ventana modal

mandame un vinculo a tu pagina por privado y la miro para decirte algo
__________________
http://www.roglastudios.es
  #3 (permalink)  
Antiguo 27/09/2014, 06:40
 
Fecha de Ingreso: mayo-2010
Mensajes: 103
Antigüedad: 14 años, 6 meses
Puntos: 4
Respuesta: Mostrar datos en ventana modal

La tengo en local de momento, pero por la tarde la subo y te paso el enlace. Gracias por la rápida respuesta.
__________________
salud
ainvar de los carnutos
  #4 (permalink)  
Antiguo 27/09/2014, 08:56
 
Fecha de Ingreso: mayo-2010
Mensajes: 103
Antigüedad: 14 años, 6 meses
Puntos: 4
Respuesta: Mostrar datos en ventana modal

Hola de nuevo Dalam, ya he subido a mi servidor la aplicación. Aún falta bastante pero lo que quiero está. La dirección es pruebaclientes.ainvar.net, ahí pincha en Listado de Clientes y en los iconos de la dercha el primero "Ver Ficha".

A ver si ves que es lo que pasa porque yo no lo entiendo. Gracias de antemano.
__________________
salud
ainvar de los carnutos
  #5 (permalink)  
Antiguo 28/09/2014, 07:10
Avatar de Dalam  
Fecha de Ingreso: septiembre-2010
Mensajes: 409
Antigüedad: 14 años, 2 meses
Puntos: 56
Respuesta: Mostrar datos en ventana modal

El problema que tienes es que la ventana modal tal como la has creado lo que hace es comprobar que tenga datos cargados.
Si no los tiene lo que hace es una peticion a la pagina que referencia href, pero si ya tiene datos no manda ninguna peticion, solo los muestra.

Tienes dos opciones bajo mi punto de vista.
Cita:
1 borrar el contenido de la ventana modal cuando la cierras.
Cita:
2 hacer que tu ventana modal sea de tipo ajax.
Esta ultima es la mas acertada.
Yo lo e hecho en mi server y funciona modificando un poco el archivo de js
no te doy el resultado para que lo intentes.
Tu ve intentando, postea los resultados y te ire ayudando.

Cita:
Mirate este vinculo para que tengas unas nociones basicas de por donde tirar bootstrap 3 load content in modal body via ajax
__________________
http://www.roglastudios.es

Última edición por Dalam; 28/09/2014 a las 07:16
  #6 (permalink)  
Antiguo 28/09/2014, 09:37
 
Fecha de Ingreso: mayo-2010
Mensajes: 103
Antigüedad: 14 años, 6 meses
Puntos: 4
Respuesta: Mostrar datos en ventana modal

Gracias Dalam, la primera opción ya la intenté y no consigo que funcione, voy a mirar el vínculo y ya te contaré.
__________________
salud
ainvar de los carnutos
  #7 (permalink)  
Antiguo 28/09/2014, 11:38
 
Fecha de Ingreso: mayo-2010
Mensajes: 103
Antigüedad: 14 años, 6 meses
Puntos: 4
Respuesta: Mostrar datos en ventana modal

Nada, no consigo nada. Te cuento, he añadido a mi custom.js lo siguiente (entre otras cosas):

Código:
$(document).ready(function() {
  $('.ficha').on('click',
      function(e) {
      	alert('Aqui');
        $('#ajaxModal').remove();
        e.preventDefault();
        var $this = $(this),
          $remote = $this.attr('href'),
          $modal = $('<div class="modal" id="ajaxModal"><div class="modal-body"></div></div>');
        $('body').append($modal);
        $modal.modal({
          backdrop: 'static',
          keyboard: false
        });
        $modal.load($remote);
      }
    );
});
Pero no hace nada, ni siquiera llega a mostrar el alert, la verdad es que estoy bastante perdido. Mañana veré si estoy más lúcido.
__________________
salud
ainvar de los carnutos
  #8 (permalink)  
Antiguo 29/09/2014, 04:23
 
Fecha de Ingreso: mayo-2010
Mensajes: 103
Antigüedad: 14 años, 6 meses
Puntos: 4
Respuesta: Mostrar datos en ventana modal

Lo dejo, voy a poner una color box y no me complico la vida.
__________________
salud
ainvar de los carnutos
  #9 (permalink)  
Antiguo 01/10/2014, 03:01
Avatar de Dalam  
Fecha de Ingreso: septiembre-2010
Mensajes: 409
Antigüedad: 14 años, 2 meses
Puntos: 56
Respuesta: Mostrar datos en ventana modal

Cita:
$('.ficha').on('click',
tiene que referenciar al boton de mostrar ficha. por eso no funciona
__________________
http://www.roglastudios.es

Etiquetas: bootstrap, codeigniter, modal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:17.