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");
});
}
;