Tema: Problemas con paginado y modal en datatables
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/12/2013, 20:13
Avatar de destor77
destor77
 
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 19 años, 5 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