Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problemas con paginado y modal en datatables

Estas en el tema de Problemas con paginado y modal en datatables en el foro de Frameworks JS en Foros del Web. Hola, estoy teniendo un problema con el plugin datatables. Tengo una tabla armada con html y php de la siguiente forma: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: ...
  #1 (permalink)  
Antiguo 10/12/2013, 19:13
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.653
Antigüedad: 12 años, 11 meses
Puntos: 43
Problemas con paginado y modal en datatables

Hola,
estoy teniendo un problema con el plugin datatables. Tengo una tabla armada con html y php de la siguiente forma:
Código HTML:
Ver original
  1. <table class="table table-striped table-bordered" id="sample_1">
  2.                                 <thead>
  3.                                     <tr>
  4.                                         <th>Usuario</th>
  5.                                         <th class="hidden-phone">Saldo   </th>
  6.                                         <th class="hidden-phone">Localidad</th>
  7.                                         <th class="hidden-phone">Comisión Generada  </th>
  8.                                         <th class="hidden-phone">Estado</th>
  9.                                         <th>Acciones</th>
  10.                                     </tr>
  11.                                 </thead>
  12.                                 <tbody role="alert" aria-live="polite" aria-relevant="all">
  13.                                 <?php
  14.                                     for($i = 0; $i < count($jugadores); $i++)
  15.                                     {
  16.                                         switch ($jugadores[$i]->active) {
  17.                                             case 1:
  18.                                                 $status = 'Activo';
  19.                                                 $class = 'success';
  20.                                                 break;
  21.                                             case 2:
  22.                                                 $status = 'Bloqueado';
  23.                                                 $class = 'warning';
  24.                                                 break;
  25.                                             case 3:
  26.                                                 $status = 'Eliminado';
  27.                                                 $class = 'important';
  28.                                                 break;
  29.                                            
  30.                                             default:
  31.                                                 $status = 'Pendiente';
  32.                                                 $class = 'info';
  33.                                                 break;
  34.                                         }
  35.                                     ?>
  36.                                     <tr class="gradeX odd">
  37.                                         <td class=" "><?php echo $jugadores[$i]->username;?></td>
  38.                                         <td class="hidden-phone "><?php echo $jugadores[$i]->balance;?></td>
  39.                                         <td class="hidden-phone center "><?php echo $jugadores[$i]->city;?></td>
  40.                                         <td class="hidden-phone center "><?php echo $jugadores[$i]->rake_seller;?></td>
  41.                                         <td class="hidden-phone center "><span class="label label-<?php echo $class;?>"><?php echo $status;?></span></td>
  42.                                         <td class="center ">
  43.                                             <a href="#" title="Agregar Crédito Jugador" id="a<?php echo $jugadores[$i]->id;?>" class="icon huge vpagregar"><i class="icon-plus-sign"></i></a>&nbsp;
  44.                                             <a href="#" title="Quitar Crédito Jugador" id= "q<?php echo $jugadores[$i]->id;?>" class="icon huge vpquitar"><i class="icon-minus-sign"></i></a>&nbsp;
  45.                                             <?php
  46.                                             if($status == "Bloqueado")
  47.                                             {?>
  48.                                             <a href="<?php echo base_url('vendedores/jugadores/desbloquear/'.$jugadores[$i]->id);?>" title="Desbloquear Jugador" class="icon huge"><i class="icon-unlock"></i></a>&nbsp;
  49.                                             <?php
  50.                                             }
  51.                                             else
  52.                                             {
  53.                                             ?>
  54.                                             <a href="<?php echo base_url('vendedores/jugadores/bloquear/'.$jugadores[$i]->id);?>" title="Bloquear Jugador" class="icon huge"><i class="icon-lock"></i></a>&nbsp;
  55.                                             <?php
  56.                                             }
  57.                                             ?>
  58.                                         </td>
  59.                                     </tr>
  60.                                     <?php
  61.                                     }
  62.                                     ?>
  63.                                 </tbody>
  64.                             </table>

y este es mi js:
Código Javascript:
Ver original
  1. $('#sample_1').dataTable({
  2.             "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
  3.             "sPaginationType": "bootstrap",
  4.             "iDisplayLength": 3,
  5.             //"aLengthMenu": [50,75,100,125,150],
  6.             "aLengthMenu": [5,15,25,50,100],
  7.             "oLanguage": {
  8.                     "sProcessing":     "Procesando...",
  9.                     "sLengthMenu":     "Mostrar _MENU_ registros",
  10.                     "sZeroRecords":    "No se encontraron resultados",
  11.                     "sEmptyTable":     "Ning&uacute;n dato disponible en esta tabla",
  12.                     "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
  13.                     "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
  14.                     "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
  15.                     "sInfoPostFix":    "",
  16.                     "sSearch":         "Buscar:",
  17.                     "sUrl":            "",
  18.                     "sInfoThousands":  ",",
  19.                     "sLoadingRecords": "Cargando...",
  20.                     "oPaginate": {
  21.                         "sFirst":    "Primero",
  22.                         "sLast":     "&Uacute;ltimo",
  23.                         "sNext":     "Siguiente",
  24.                         "sPrevious": "Anterior"
  25.                     },
  26.                     "oAria": {
  27.                         "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
  28.                         "sSortDescending": ": Activar para ordenar la columna de manera descendente"
  29.                     }
  30.                 },
  31.             "aoColumnDefs": [{
  32.                 'bSortable': false,
  33.                 'aTargets': [5],
  34.         });
En la ultima columna de la tabla tengo una serie de links de los cuales los dos primero al ser clickeados llaman a un modal cada uno. Cuando se carga la tabla todos los items de la primer pagina todo funciona bien, pero cuando cambiamos de pagina ya los links dejan de funcionar y no se porque esta haciendo esto, ni como solucionarlo.
A alguien le paso lo mismo. Estaré haciendo algo mal?
Desde ya muchas gracias por sus respuestas.
Saludos
  #2 (permalink)  
Antiguo 18/03/2015, 08:11
 
Fecha de Ingreso: octubre-2010
Mensajes: 1
Antigüedad: 7 años
Puntos: 0
Respuesta: Problemas con paginado y modal en datatables

Hola destor77. ¿ pudiste resolver ese problema ? por que yo también tengo el mismo problema si lo resolviste seria genial que lo compartas
  #3 (permalink)  
Antiguo 19/03/2015, 15:56
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.653
Antigüedad: 12 años, 11 meses
Puntos: 43
Respuesta: Problemas con paginado y modal en datatables

Cita:
Iniciado por oscar_sm Ver Mensaje
Hola destor77. ¿ pudiste resolver ese problema ? por que yo también tengo el mismo problema si lo resolviste seria genial que lo compartas
Lo que hice por ahora es en mi controlador php donde armo los link poner un onclick="borrar()" y en un archivo js armar una función js que llame al modal en mi caso. No encontré otra forma por ahora.
Saludos

Etiquetas: datatables, funcion, html, javascript, js, modal, paginado, php
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 15:03.