Pregunta:
Fecha: 16-01-2019 16:58:48
(En Español)
Así es como tomo los valores de la base de datos y con el botón edit lo cargo.
Este es el Js que carga los valores
Y por ultimo este es mi modal
Consulta de modal[No resuelta]
Hola buenas noches quisiera hacer una consulta con una ventana modal. Hasta ayer me funcionaba sin problema hoy lo abro y no carga los valores solo me carga un text que se llama remito el resto no, no encuentro que esta interfiriendo por que hasta ayer funcionaba, espero puedan ayudarme muchas gracias.Así es como tomo los valores de la base de datos y con el botón edit lo cargo.
$cons_Estado = mysqli_query($con,"SELECT expediente.Numero_Exp, categorizacion.N_Remito, categorizacion.Id_Categorizacion, categorizacion.N_Expediente, categorizacion.F_Remito, categorizacion.F_Ing_OPDS, categorizacion.N_Disp, categorizacion.F_Disp, categorizacion.Categoria, motivo_categoria.Motivo_Cat, empresas.Razon_Social, empresas.Id_empresa FROM categorizacion inner JOIN motivo_categoria ON categorizacion.Id_Motivo_Cat= motivo_categoria.Id_Motivo_Cat inner JOIN empresas ON categorizacion.Id_Empresa=empresas.Id_Empresa INNER JOIN expediente ON expediente.Id_Expediente=categorizacion.Id_Expediente WHERE categorizacion.Id_Empresa='$Id'");
while ($valores = mysqli_fetch_array($cons_Estado)) {
if($valores['F_Ing_OPDS']==0){
$fecha_OPDS =" ";
}else if ($valores['F_Ing_OPDS']=="1970-01-01") {
$fecha_OPDS =" ";
}else{
$fecha_OPDS_I=$valores['F_Ing_OPDS'];
$fecha_OPDS=date("d/m/Y",strtotime($fecha_OPDS_I));
}
if($valores['F_Disp']==0){
$fecha_Disp ="";
}else if ($valores['F_Disp']=="1970-01-01") {
$fecha_Disp ="";
}else{
$fecha_D=$valores['F_Disp'];
$fecha_Disp=date("d/m/Y",strtotime($fecha_D));
}
if($valores['F_Remito']==0){
$fecha_Rem ="";
}else if ($valores['F_Remito']=="1970-01-01") {
$fecha_Rem ="";
}else{
$fecha_R=$valores['F_Remito'];
$fecha_Rem=date("d/m/Y",strtotime($fecha_R));
}
?>
<tr>
<td style="vertical-align:middle;"><?php echo $valores['Id_Categorizacion'];?> </td>
<td style="vertical-align:middle; text-align:center;"><span id="N_Expediente<?php echo $valores['Id_Categorizacion']; ?>"><?php echo $valores['Numero_Exp']; ?></span></td>
<td style="vertical-align:middle;"><?php echo $valores['Razon_Social'];?></td>
<td style="vertical-align:middle; text-align:center;"><span id="N_Remito<?php echo $valores['Id_Categorizacion']; ?>"><?php echo $valores['N_Remito']; ?></span></td>
<td style="vertical-align:middle; text-align:center;"><?php echo $fecha_Rem ; ?></span></td>
<td style="vertical-align:middle; text-align:center; display:none;"><span id="F_Remito<?php echo $valores['Id_Categorizacion']; ?>"><?php echo $valores['F_Remito']; ?></span></td>
<td style="vertical-align:middle; text-align:center;"> <?php echo $fecha_OPDS;?></td>
<td style="vertical-align:middle; text-align:center; display:none;"> <span id="F_OPDS<?php echo $valores['Id_Categorizacion']; ?>"><?php echo $valores['F_Ing_OPDS'];?></td>
<td style="vertical-align:middle; text-align:center;"><span id="N_Disp<?php echo $valores['Id_Categorizacion']; ?>"><?php echo $valores['N_Disp']; ?></span></td>
<td style="vertical-align:middle; text-align:center; display:none;"> <span id="F_Disp<?php echo $valores['Id_Categorizacion']; ?>"><?php echo $valores['F_Disp'];?></td>
<td style="vertical-align:middle; text-align:center;"><?php echo $fecha_Disp;?></td>
<td style="vertical-align:middle; text-align:center; display:none;"> <span id="Cate<?php echo $valores['Id_Categorizacion']; ?>"><?php echo $valores['Categoria'];?></td>
<td>
<?php
if($valores['Categoria']==0){
echo "<img src='../Img/sc.png' width='40' height='40' alt=''/>";
}else{
echo "<img src='../Img/".$valores['Categoria'].".png' width='40' height='40' alt=''/>";
}?></td>
<td style="vertical-align:middle; text-align:center;"><?php echo $valores['Motivo_Cat'];?></td>
<td><button type="button" class="btn btn-success edit" value="<?php echo $valores['Id_Categorizacion']; ?>"><span class="glyphicon glyphicon-edit"></span> Edit</button></td>
Este es el Js que carga los valores
$(document).ready(function(){
$(document).on('click', '.edit', function(){
var id=$(this).val();
var N_Rem=$('#N_Remito'+id).text();
var N_Disp=$('#N_Disp'+id).text();
var N_Exp=$('#N_Expediente'+id).text();
var F_Rem=$('#F_Remito'+id).text();
var F_Dis=$('#F_Disp'+id).text();
var Cate=$('#Cate'+id).text();
var F_OPDS=$('#F_OPDS'+id).text();
$('#edit').modal('show');
$('#eN_Rem').val(N_Rem);
$('#eN_Exp').val(N_Exp);
$('#eN_Disp').val(N_Disp);
$('#eF_Rem').val(F_Rem);
$('#eF_Disp').val(F_Dis);
$('#e_Cat').val(Cate);
$('#eF_OPDS').val(F_OPDS);
$('#Id').val(id);
});
});// JavaScript Document
Y por ultimo este es mi modal
<script>
$(function(){
$("#btn_enviar").click(function(){
var url = "Modificar_Cat.php"; // El script a dónde se realizará la petición.
$.ajax({
type: "POST",
url: url,
data: $("#formulario").serialize(), // Adjuntar los campos del formulario enviado.
success: function(data)
{
$("#resultado").html(data); // Mostrar la respuestas del script PHP.
}
});
return false; // Evitar ejecutar el submit del formulario.
});
});
function limpiar() {
var d = document.getElementById("resultado");
while (d.hasChildNodes())
d.removeChild(d.firstChild);
document.getElementById("cp").value = "";
}
</script>
<!-- Edit Modal-->
<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<form id="formulario" method="post">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<center>
<h4 class="modal-title" id="myModalLabel">Editar Trámite de Categorización</h4></center>
<div class="modal-body">
<div class="container-fluid">
<div class="form-group input-group">
<span class="input-group-addon" style="width:150px;">Remito:</span>
<input type="text" style="width:350px;" class="form-control" name="eN_Rem" id="eN_Rem">
</div>
<div class="form-group input-group">
<span class="input-group-addon" style="width:150px;">Expediente:</span>
<input type="text" disabled="disabled" style="width:350px;" class="form-control" name="eN_Exp" id="eN_Exp">
</div>
<div class="input-group">
<span class="input-group-addon" style="width:150px;">Fecha Remito:</span>
<input type="date" class="form-control" name="eF_Rem" id="eF_Rem">
<span class="input-group-addon" id="start-date"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
<br>
<div class="input-group">
<span class="input-group-addon" style="width:150px;">Fecha Ing. OPDS:</span>
<input type="date" id="eF_OPDS" name="eF_OPDS" placeholder="" class="form-control" >
<span class="input-group-addon" id="start-date"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
<br>
<div class="input-group">
<span class="input-group-addon" style="width:150px;">Fecha Disposición:</span>
<input type="date" id="eF_Disp" name="eF_Disp" placeholder="" class="form-control" >
<span class="input-group-addon" id="start-date"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
<br>
<div class="form-group input-group">
<span class="input-group-addon" style="width:150px;">Disposición:</span>
<input type="text" style="width:350px;" class="form-control" name="eN_Disp" id="eN_Disp">
</div>
<!-- <div class="form-group input-group">
<span class="input-group-addon" style="width:150px;">Categoria</span>
<input type="text" style="width:350px;" class="form-control" id="e_Cat" name="e_Cat">
</div> -->
<br>
<div class="input-group">
<span class="input-group-addon" style="width:150px;">Categoria:</span>
<select style="width:350px;" class="form-control" id="e_Cat" name="e_Cat">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div class="form-group input-group">
<input type="hidden" class="form-control" name="Id" id="Id">
</div
></div>
</div>
<div class="modal-footer">
<button onclick="myFunction()" type="button" class="btn btn-default" data-dismiss="modal" ><span class="glyphicon glyphicon-remove"></span> Cancelar</button>
<button id="btn_enviar" type="submit" class="btn btn-success"><span class="glyphicon glyphicon-edit"></span> </i> Actualizar</button>
</form>
</div>
<!-- Resultado estado de la consultas-->
<div id="resultado">
</div>
<!-- /Fin resultado estado de la consulta -->
</div>
</div>
</div>
<!-- /.modal -->
<script>
function myFunction() {
location.reload();
}
</script>
Votos: 0 -
Respuestas: 3 -
Vistas: 8
Compartir en: Google
Facebook
Twitter
LinkedIn
Link
Respuestas:
-
Fecha: 17-01-2019 02:46:55 Buen Día.
Si todo funcionaba y no cambiaste nada en el proyecto, deberías buscar si te genera un error y cual al momento de traer por ajax la info, deberías abrir el inspector del navegador, irte a network y ejecutar la parte que trae la info con ajax, ahi debería aparecer el archivo que se esta ejecutando y debería darte info del error o del ok.
Saludos.. Votos: 0 - Link respuesta -
Fecha: 17-01-2019 04:04:04 Hola Raul gracias por su respuesta, la realidad aprendi algo nuevo sobre el inspector pero lo raro que empezó a funcionar, así que entiendo que no era tema de codigo si no del servidor. Votos: 0 - Link respuesta
-
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
