1

Tengo un problema con un aplicación web.

En una de las páginas tengo un formulario de usuario y debajo un listado de usuarios.

En el listado cada entrada tiene su propio botón para editar, lo que hace que se rellenen los campos del formulario que permitirá modificar el usuario pulsando el botón guardar.

El problema es que si vuelvo al listado y pulso sobre el botón nuevo, este envía al formulario en blanco para poder crear uno nuevo. El problema es que al pulsar el botón guardar en lugar de añadir, lo que hace es querer modificar dando el consiguiente error.

Por otro lado, si se hace lo contrario, es decir, primero se añade un usuario y luego se quiere modificar, en lugar de modificar actúa como si se quisiera modificar.

En la función del botón guardar he creado la opción para que reconozca si lo que tiene que hacer es un update o un insert. Esta función trabaja perfectamente cuando es la primera vez que se ejecuta, pero luego ya no funciona y confunde una función con otra.

También ocurre con cualquier otro botón (borrar, buscar, etc.) que actúa según el botón que se ha pulsado por primera vez...

¿Puede ser que JQuery guarde en memoria la última función ejecutada y no permite ejecutar otra distinta? Si es así, ¿Se podría hacer de algún modo que "resetee" esa "memoria" para ejecutar una nueva función?

$('#guardar').click(function() {
        console.log("clck en boton nuevo");
        $usuario = $('#idusuarios').val();
        if (guardar === "nuevo") {
            nuevo();
        } else {
            modificar();

        }

    });    

(...)

$('#tblNuevo').click(function() {
        guardar = "nuevo";

        console.log("clck en boton nuevo de la tabla");

        location.href = "#cabecera";
        $('#idusuarios').val("");
        $('#nombre').val("");
        $('#apellidos').val("");
        $('#email').val("");
        $('#password').val("");
        $('#password2').val("");
        $('#perfil').val("");
        $('#idusuarios').prop('disabled', false);
    });



function data_editar() {

    $('#tabla tbody').on('click', 'button.editar', function(e) {
        e.preventDefault();
        var table = $('#tabla').DataTable();
        var dato = table.row($(this).parents('tr')).data();
        idusuarios = $('#idusuarios').val(dato.idusuarios);
        nombre = $('#nombre').val(dato.nombre);
        apellidos = $('#apellidos').val(dato.apellidos);
        email = $('#email').val(dato.email);
        password = $('#password').val(dato.password);
        password2 = $('#password2').val(dato.password);
        perfil = $('#perfil').val(dato.perfil);
        $('#idusuarios').prop('disabled', true);
        guardar = "modificar";
        location.href = "#cabecera";
         console.log("clck en boton editar de tabla");
    });
}
;
9
  • Hola Alfredo, bienvenido a Stack Overflow en español. Mientras te contestan, recuerda mirar el Tour y Cómo preguntar para aprender como funciona este sitio. Un saludo
    – lois6b
    Commented el 28 abr. 2017 a las 11:11
  • Cito "en lugar de modificar actúa como si se quisiera modificar." ?
    – sioesi
    Commented el 28 abr. 2017 a las 11:21
  • Creo que el problema está en la variable "guardar" ya que no le estas poniendo nunca un valor diferente a "nuevo". Si esta variable es la que determina el comportamiento de esta funcionalidad... Deberías cambiar su valor en cada acción. Commented el 28 abr. 2017 a las 11:54
  • En las ultimas lineas de la funcion data_editar está asignandole a guardar el valor "modificar", así que ése no sería el problema.
    – FederHico
    Commented el 28 abr. 2017 a las 14:58
  • Quizás dejando solo el listener (Fuera de la funcion data_editar) funcione, o estás llamando a la función data_editar explícitamente en algun lado?
    – FederHico
    Commented el 28 abr. 2017 a las 14:59

1 respuesta 1

0

Probablemente no tengas declarada la variable global guardar.

Yo lo que haría es usar metadatos en el botón #guardar:

$('#guardar').data().tipoGuardar = "nuevo";

o bién:

$('#guardar').data().tipoGuardar = "modificar";

... en lugar de usar variable global

2
  • Como apunto en los comentarios de mi entrada, el problema no es la variable guardar que funciona bien. Son los todos los demás botones que no funcionan correctamente. Si el botón pulsado es del de añadir, todos los demás botones añaden, ya sea el de modificar, borrar, etc. Voy a probar a separar en dos archivos distintos el formulario y el datatable, a ver que pasa... Commented el 2 may. 2017 a las 5:11
  • Si en el #guardar en lugar de un else para modificar, haces un else if (guardar === 'modificar') te hace algo? A mi me da que la variable no la alimentas correctamente
    – Seak
    Commented el 2 may. 2017 a las 7:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.