Problemas con paginado y modal en datatables

destor77 · #1 (**permalink**) 10/12/2013, 20:13

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<table class="table table-striped table-bordered" id="sample_1">
                                <thead>
                                    <tr>
                                        <th>Usuario</th>
                                        <th class="hidden-phone">Saldo   </th>
                                        <th class="hidden-phone">Localidad</th>
                                        <th class="hidden-phone">Comisión Generada  </th>
                                        <th class="hidden-phone">Estado</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody role="alert" aria-live="polite" aria-relevant="all">
                                <?php
                                    for($i = 0; $i < count($jugadores); $i++)
                                    {
                                        switch ($jugadores[$i]->active) {
                                            case 1:
                                                $status = 'Activo';
                                                $class = 'success';
                                                break;
                                            case 2:
                                                $status = 'Bloqueado';
                                                $class = 'warning';
                                                break;
                                            case 3:
                                                $status = 'Eliminado';
                                                $class = 'important';
                                                break;
                                            
                                            default:
                                                $status = 'Pendiente';
                                                $class = 'info';
                                                break;
                                        }
                                    ?>
                                    <tr class="gradeX odd">
                                        <td class=" "><?php echo $jugadores[$i]->username;?></td>
                                        <td class="hidden-phone "><?php echo $jugadores[$i]->balance;?></td>
                                        <td class="hidden-phone center "><?php echo $jugadores[$i]->city;?></td>
                                        <td class="hidden-phone center "><?php echo $jugadores[$i]->rake_seller;?></td>
                                        <td class="hidden-phone center "><span class="label label-<?php echo $class;?>"><?php echo $status;?></span></td>
                                        <td class="center ">
                                            <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;
                                            <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;
                                            <?php
                                            if($status == "Bloqueado")
                                            {?>
                                            <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;
                                            <?php
                                            }
                                            else
                                            {
                                            ?>
                                            <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;
                                            <?php
                                            }
                                            ?>
                                        </td>
                                    </tr>
                                    <?php
                                    }
                                    ?>
                                </tbody>
                            </table>

y este es mi js:

Código Javascript:

Ver original$('#sample_1').dataTable({
            "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
            "sPaginationType": "bootstrap",
            "iDisplayLength": 3, 
            //"aLengthMenu": [50,75,100,125,150],
            "aLengthMenu": [5,15,25,50,100],
            "oLanguage": {
                    "sProcessing":     "Procesando...",
                    "sLengthMenu":     "Mostrar _MENU_ registros",
                    "sZeroRecords":    "No se encontraron resultados",
                    "sEmptyTable":     "Ning&uacute;n dato disponible en esta tabla",
                    "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix":    "",
                    "sSearch":         "Buscar:",
                    "sUrl":            "",
                    "sInfoThousands":  ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst":    "Primero",
                        "sLast":     "&Uacute;ltimo",
                        "sNext":     "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "oAria": {
                        "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    }
                },
            "aoColumnDefs": [{
                'bSortable': false,
                'aTargets': [5],
        });

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

oscar_sm · #2 (**permalink**) 18/03/2015, 08:11

Hola destor77. ¿ pudiste resolver ese problema ? por que yo también tengo el mismo problema si lo resolviste seria genial que lo compartas

destor77 · #3 (**permalink**) 19/03/2015, 15:56

Cita:

Iniciado por oscar_sm

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