Editar codigo en ventana modal-js-php
<script>
const tablaBody = document.getElementById('tablaBody');
const modalEditar = document.getElementById('modalEditar');
const formularioEditar = document.getElementById('formularioEditar');
datos = [];
// Variable para almacenar temporalmente el id
let idSeleccionado;
optenerDatos(); //Optemos los datos-const datos = [{id: 1, carpeta: 'Registro 1', registro: 'a', solicitud: 2, f_registro: 'Registro 2', comentario: 'a', f_vence: 'a', Estado: 'a', resolvio: 'a', f_contesto: 'f_contesto'}];
function optenerDatos() {
// Obtener el valor del input
var valorCarpeta = document.getElementById("inputCarpeta").value;
// Imprimir el valor en la consola
console.log("Valor de la carpeta:", valorCarpeta);
//const datos = [{id: 1, carpeta: 'Registro 1', registro: 'a', solicitud: 2, f_registro: 'Registro 2', comentario: 'a', f_vence: 'a', Estado: 'a', resolvio: 'a', f_contesto: 'f_contesto'}];
let url = 'http://localhost/api/0-solicitud_tabla.php';
if (valorCarpeta) {
url += `?carpeta=${encodeURIComponent(valorCarpeta)}`;
}
fetch(url)
.then(res => res.json())
.then(data => {
//console.log(data.result);
datos = data.result;
// console.log("datos", datos)
pintarTabla(datos); //Pintamos la tabla
});
}
function pintarTabla(datos) {
// Actualizar la tabla después de guardar los datos exitosamente $('#solicitudtabla').DataTable().ajax.reload();
let tablaHTML = '';
for (let dato of datos) {
tablaHTML += `
<tr>
<td>${dato.id}</td>
<td>${dato.carpeta}</td>
<td>${dato.registro || ''}</td>
<td>${dato.solicitud || ''}</td>
<td>${dato.f_registro || ''}</td>
<td>${dato.comentario || ''}</td>
<td>${dato.f_vence || ''}</td>
<td>
<button class="btn btn-primary" onclick="abrirModalEditar(${dato.id})">Editar</button>
</td>
<td>${dato.resolvio || ''}</td>
<td>${dato.f_contesto || ''}</td>
</tr>
`;
};
// Insertar el HTML generado en el documento
tablaBody.innerHTML = tablaHTML;
}
function abrirModalEditar(idEditar) {
const id = parseInt(idEditar);
document.getElementById("id-edit").textContent = id;
const dato = datos.find(item => parseInt(item.id) === id);
idSeleccionado = dato.id;
document.getElementById("formularioEditar").reset();
const modalElement = document.getElementById("modalEditar");
const modal = new bootstrap.Modal(modalElement);
modal.show();
}
//Editar formulario
formularioEditar.addEventListener('submit', function(event) {
event.preventDefault();
//obtenemos los datos del formulario
const datosFormulario = new FormData(document.getElementById('formularioEditar'));
datosFormulario.append('id', idSeleccionado);
fetch(`http://localhost/api/0-solicitud_tabla.php`, {
method: 'POST',
body: datosFormulario,
})
.then(res => res.json())
.then(data => {
optenerDatos();
})
.catch(error => {
console.error('Error:', error);
});
formularioEditar.reset();
const modal = bootstrap.Modal.getInstance(modalEditar); // Obtener la instancia del modal
modal.hide(); // Cerrar el modal
});
const formSolicitud = document.getElementById('formSolicitud');
formSolicitud.addEventListener('submit', function(evento) {
evento.preventDefault(); // Previene el envío del formulario para poder validarlo con Javascript
guardarSolicitud();
formSolicitud.reset();
formSolicitud.submit(); // Descomentar esta línea para permitir el envío del formulario
});
function guardarSolicitud() {
// Obtener los valores del formulario
const datos = new FormData(document.getElementById('formSolicitud'));
console.log([...datos.entries()]);
//Solicitud al servidor-registros.push(nuevoRegistro);
fetch('http://localhost/api/0-solicitud-.php', {
method: 'POST',
body: datos,
})
.then(res => res.json())
.then(data => {
console.log(data.status);
/*
if (data.status === 'Correcto2') {
Swal.fire({
title: 'Éxito',
text: 'Datos guardados exitosamente',
confirmButtonColor: '#3085d6',
});
}*/
//optenerDatos();
})
.catch(error => {
console.error('Error al procesar la solicitud:', error);
// Aquí puedes manejar el error de manera adecuada, ya sea mostrando un mensaje al usuario o realizando otra acción.
});
}
</script>
Comentarios
Publicar un comentario