Valor de un dataTable no llega por POST

[beto13]

Hola amigos.
Tengo una dataTable con dos botones, editar y eliminar. El eliminar abre una ventana modal que muestra la info del empleado y esta funcionando bien. El problema que tengo es en el editar, que me muestra en otra página los datos del empleado. Cada botón tiene asociado el código del empleado. Cuando hago el submit, no esta llegando el código del empleado a la otra página, solo me llega el valor de la cantidad de registros a mostrar del dataTable

Código Javascript:

$('#frmListadoPersonal').on('click', 'button', function(elemento){
        elemento.preventDefault();
 
        var ejecutar = $(this).attr('name');
        if (ejecutar == 'btnEliminar'){
            buscarPersonal($(this).val(),'eliminacion');
        }
        else if (ejecutar == 'btnEditar'){
            $('btnEditar').val();
            $('#frmListadoPersonal').submit();
        }
});
 

el asunto es que si comento todo el evento on(), si llega el código del empleado, por que hay algo mal en la implementación del evento.

[Djoaq]

Hola , te sugeriría que le dieras un vistazo a la api de jquery o algún tutorial ,googleando encuentrasa muchos ...

Código Javascript:

buscarPersonal($(this).val(),'eliminacion');
 

allí le estas pasando a tu funcion buscarPersonal valor input o atrributo value del form pero no entiendo porque aqui le pones this?

y aquí no ?

Código Javascript:

$('#frmListadoPersonal').submit()
 

Hazlo al revés. El this en el submit y el selector #frmListadoPersonal dentro de tu función!

Y mejor pon el html del form así podremos ayudarte!

Saludos!

[Djoaq]

Iniciado por Djoaq

Hola , te sugeriría que le dieras un vistazo a la api de jquery o algún tutorial ,googleando encuentrasa muchos ...

Código Javascript:

buscarPersonal($(this).val(),'eliminacion');
 

allí le estas pasando a tu funcion buscarPersonal valor input o atrributo value del form pero no entiendo porque aqui le pones this?

y aquí no ?

Código Javascript:

$('#frmListadoPersonal').submit()
 

Hazlo al revés. El this en el submit y el selector #frmListadoPersonal dentro de tu función!

Y mejor pon el html del form así podremos ayudarte!

Saludos!

[beto13]

Iniciado por Djoaq

allí le estas pasando a tu funcion buscarPersonal valor input o atrributo value del form pero no entiendo porque aqui le pones this?

el this lo uso para obtener el valor del objeto tratado, en este caso el botón

Iniciado por Djoaq

allí le estas pasando a tu funcion buscarPersonal valor input o atrributo value del form pero no entiendo porque aqui le pones this?

y aquí no ?
Código Javascript:
Ver original
$('#frmListadoPersonal').submit()

En el else no uso la función buscarPersonal porque la cargo en el evento ready de la otra página.
El form en cuestión es el siguiente:

Código HTML:

<form id="frmListadoPersonal" method="post" action="personal.php">
        {% if lenguaje == 'es' %}
            <input type="hidden" id="hdnLanguage" value="{{ lenguaje }}" >
            {% else %}
            <input type="hidden" id="hdnLanguage" value="" >
        {% endif %}
        <button class="btn btn-danger">Nuevo Empleado</button>
        <div class="table-responsive">
            <table  id="tbPersonal" class="table table-striped">
                <thead>
                    <tr>
                        <th>Apellido</th>
                        <th>Nombre</th>
                        <th>Cargo</th>
                        <th>Pais</th>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
                    </tr>
                </thead>
            </table>
        </div>
    </form>
 

el table se carga con la siguiente función

Código Javascript:

function listarPersonal(){
        $.ajax({
            url: 'procesar_buscar.php',
            type: 'POST',
            data: { tarea: 'listarPersonalPaginado'},
            dataType: 'json',
            success: function (data) {
                if (data.success) {
                    $.each(data, function (index, record) {
                        if ($.isNumeric(index)) { 
                            var row = $("<tr />");
                            var edit = '<button name="btnEditar" class="btn btn-default btn-mini" value="'+record.codpersonal+'"><i class="glyphicon glyphicon-pencil"></i></button>';
                            var remove = '<button name="btnEliminar" class="btn btn-default btn-mini" value="'+record.codpersonal+'" data-toggle="modal" data-target="#divBajaPersonal"><i class="glyphicon glyphicon-remove"></i></button>';
                            $("<td />").text(record.apellidos).appendTo(row);
                            $("<td />").text(record.nombres).appendTo(row);
                            $("<td />").text(record.cargo).appendTo(row);
                            $("<td />").text(record.pais).appendTo(row);
                            $("<td />").html(edit).appendTo(row);
                            $("<td />").html(remove).appendTo(row);
                            row.appendTo("#tbPersonal");
                        }
                    })
                }
 
                $('#tbPersonal').dataTable({
                    "sPaginationType": "full_numbers",
                    "oLanguage": {
                        "sUrl": "dataTables.spanish.txt"
                    }
                })
            }
        });
    }
 

[Djoaq]

Hola he estado un poco liado , no he podido conectarme antes.
Mira beto13 yo personalmente creo que el problema lo tienes en que no estas usando los selectores correctamente...

En tu funcion añade 2 clases a los botones ...
editar y eliminar

Código Javascript:

function listarPersonal(){
        $.ajax({
            url: 'procesar_buscar.php',
            type: 'POST',
            data: { tarea: 'listarPersonalPaginado'},
            dataType: 'json',
            success: function (data) {
                if (data.success) {
                    $.each(data, function (index, record) {
                        if ($.isNumeric(index)) { 
                            var row = $("<tr />");
                            var edit = '<button name="btnEditar" class="btn btn-default btn-mini editar" value="'+record.codpersonal+'"><i class="glyphicon glyphicon-pencil"></i></button>';
                            var remove = '<button name="btnEliminar" class="btn btn-default btn-mini eliminar" value="'+record.codpersonal+'" data-toggle="modal" data-target="#divBajaPersonal"><i class="glyphicon glyphicon-remove"></i></button>';
                            $("<td />").text(record.apellidos).appendTo(row);
                            $("<td />").text(record.nombres).appendTo(row);
                            $("<td />").text(record.cargo).appendTo(row);
                            $("<td />").text(record.pais).appendTo(row);
                            $("<td />").html(edit).appendTo(row);
                            $("<td />").html(remove).appendTo(row);
                            row.appendTo("#tbPersonal");
                        }
                    })
                }
 
                $('#tbPersonal').dataTable({
                    "sPaginationType": "full_numbers",
                    "oLanguage": {
                        "sUrl": "dataTables.spanish.txt"
                    }
                })
            }
        });
    }
 

Y luego es tan sencillo como :

Código Javascript:

$('.eliminar').on('click', 'button', function(elemento){
        elemento.preventDefault();
buscarPersonal($(this).val(),'eliminacion');
 
  });
 $('.editar').on('click', 'button', function(elemento){
        
        $('#frmListadoPersonal').submit();
  });
 

un saludo!!!!