Alguien que me pueda explicar para que sirven las siguientes clases de bootstrap en formularios:
- form-check-label
- form-check-input
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes Menú
//ESTA ES MI FUNCION ELIMINAR
function Eliminar(datos){
d=datos.split('||');
$('#txtID').val(d[0]);
$.ajax({
type: "POST",
url: "Eliminar.php",
cache: false,
data: datos,
error:function(){
$("#resultado").html("Error");
},
beforeSend:function(){
$("#resultado").html("Cargando...");
},
success: function(okay){
//Cargamos la tabla de nuevo para actualizar y desbloqueamos el boton de agregar nuevo
$('#tabla2').load('tabla.php');
$("#resultado").html("Registro Eliminado");
}
});
}
<?php
require_once("conexion.php");
$link = conectar();
$Id=$_POST['txtID'];
$query = "DELETE FROM avion WHERE Id = '".$Id."";
echo $consulta=mysqli_query($link, $query);
?>
<?php
require_once("conexion.php");
$link = conectar();
//Tuve que crear un archivo nuevo que solo contenga la tabla, así supongo que se nos hara más fácil a todos
//Ahora si podran encontar información al respecto :D, me disculpo por el otro metodo.
?>
<table>
<thead>
<th>ID</th>
<th>Nombre</th>
<th>Apellido</th>
<th>Pais</th>
<th>RFC</th>
<th>Editar</th>
<th>Eliminar</th>
</thead>
<tbody id="tbody">
<?php
//Ahora en el mismo Tbody hacemos la consulta para mostrar los registros
$query = "SELECT * FROM avion";
$result=mysqli_query($link,$query);
while($row=mysqli_fetch_row($result)){
//Mientas la consulta se ejecuta vamos guardando en cada Boton de editar, un arreglo
//con la información del registro
$datos=$row[0]."||".
$row[1]."||".
$row[2]."||".
$row[3]."||".
$row[4]."||".
$row[5];
//El en el metodo onClick mandamos llamar la funcion AgregaEdit que tenemos en
//el archivo Practica1.php y en el parametro le damos la cadena datos que
//generamos aqui arriba.
?>
<tr>
<td><?php echo $row[0] ?></td>
<td><?php echo $row[1] ?></td>
<td><?php echo $row[2] ?></td>
<td><?php echo $row[4] ?></td>
<td><?php echo $row[5] ?></td>
<td>
<button type="button" name="btnEditar" id="btnEditar" onclick="agregaEdit('<?php echo $datos ?>')">Editar
</button>
</td>
<td>
//AQUI ESTA MI BOTON ELIMINAR
<button type="button" name="btnEliminar" id="btnEliminar" onClick="javascript:Eliminar('<?php echo $datos ?>')">Eliminar
</button>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Serealize </title>
<script src="jquery-3.3.1.js"></script>
<script>
//La primera linea de código hace referencia a que cuando la pagina web se cargue
//tambien el metodo mostrar lo hará, ejecutando sus instrucciones
$(function(){
mostrar();
});
//Este método ya lo vimos
function enviardatos(){
var datos=$("#formDatos").serialize();
alert (datos),
$.ajax({
type: "POST",
url: "servidor.php",
cache: false,
data: datos,
error:function(){
$("#resultado").html("Error");
},
beforeSend:function(){
$("#resultado").html("Cargando...");
},
success: function(okay){
$("#resultado").html("Hecho");
}
});
}
//Este es una nueva función que nos permitirá mostrar los datos de nuestra BD en una tabla de html
//Se compone de la misma estructura que la función anterior por que seguimos usando Ajax
//Bien, ahora en el tipo, seguira siendo POST, la URL ahora cambiara, se creara un archivo llamado
//mostrarDatos.php en donde guardaremos la consulta de mysql
function mostrar(){
$.ajax({
type: "POST",
url: "mostrarDatos.php",
//Si el resultado de la consulta es exitoso guardaremos los datos en "resultado"
success: function(resultado){
//Ahora utilizaremos JSON para guardar los datos en un arreglo serializado, que es lo que vamos a serializar, pues "resultado"
var js= JSON.parse(resultado);
//Ahora crearemos una varible que nos servira como una cadena de caracteres para crear el body de la tabla y pegar los datos
var tabla;
//Con un ciclo recorremos los datos que nos arroja mysql y los vamos asignando
for (var i = 0; i < js.length; i++) {
tabla+= '<tr><td>'+js[i].Id+'</td><td>'+js[i].Nombre+'</td><td>'+js[i].AP+'</td><td>'
+js[i].Pais+'</td><td>'+js[i].RFC+'</td><td><button type="button" name="btnEditar" id="btnEditar" onClick="javascript:recuperarDatos();">Editar</button></td><td><button type="button" name="btnEliminar" id="btnEliminar" onClick="">Eliminar</button></td></tr>'; //Aqui se encuentra el boton editar con el evento onclick
}
//Por ultimo creamos los botones eliminar y editar
//y pegamos la cadena de caracteres en el html
$('#tbody').html(tabla);
}
});
}
</script>
</head>
<body>
<div>
<form name="formDatos" id="formDatos" method="POST">
<input type="hidden" id="txtId">
<label for="txtNombre">Nombre: </label>
<input type="text" id="txtNombre" name="txtNombre"><br><br>
<label for="txtApellidoPaterno">Apellido Paterno: </label>
<input type="text" name="txtApellidoPaterno" id="txtApellidoPaterno"><br><br>
<label for="txtApellidoMaterno" >Apellido Materno: </label>
<input type="text" name="txtApellidoMaterno" id="txtApellidoMaterno"><br><br>
<label for="select" >Edad: </label>
<select name="select">
<?php
for($y = 18; $y <= 100; $y++){
?>
<option value="<?=$y?>"><?=$y?></option>
<?php
}
?>
</select>
<label for="txtPais">Pais: </label>
<input type="text" id="txtPais" name="txtPais"><br><br>
<label for="txtRFC">RFC: </label>
<input type="text" name="txtRFC" id="txtRFC"><br><br>
<br><label> Sexo: </label><br>
<label for="radioSexo"> Hombre </label><input type="radio" name="radioSexo" id="radioSexo" value="H">
<label for="radioSexo" > Mujer</label><input type="radio" name="radioSexo" id="radioSexo" value="M">
<button type="button" name="btnEnviar" id="btnEnviar" onClick="javascript:enviardatos();">Enviar</button>
</form>
</div>
<div>
<h2>Resultados</h2><br>
<div id="resultado"></div>
<?php
//Se crea el esqueleto de la tabla
?>
<table>
<thead>
<th>ID</th>
<th>Nombre</th>
<th>Apellido</th>
<th>Pais</th>
<th>RFC</th>
<th>Editar</th>
<th>Eliminar</th>
</thead>
<tbody id="tbody">
</tbody>
</table>
</div>
</body>
</html>
//Metodo actualizar
@Override
public void actualizar(Object objeto) throws Exception {
ModeloProducto producto = (ModeloProducto) objeto;
try {
this.connect();
String sql = "UPDATE productos SET nombre = ?, codigo = ?, descripcion = ?, precio = ?, stock = ? WHERE idProducto = ?;";
this.sqlConsulta = this.conexion.prepareStatement(sql);
//this.sqlConsulta.setInt(1, producto.getId());
this.sqlConsulta.setString(1, producto.getNombre());
this.sqlConsulta.setString(2, producto.getCodigo());
this.sqlConsulta.setString(3, producto.getDescripcion());
this.sqlConsulta.setFloat(4, producto.getPrecio());
this.sqlConsulta.setInt(5, producto.getStock());
this.sqlConsulta.setInt(6, producto.getId());
// Executa consulta y Cerrar conexion
this.sqlConsulta.executeUpdate();
this.sqlConsulta.close();
} catch (SQLException e) {
System.err.println("SURGIO UN ERROR AL ACTUALIZAR");
e.printStackTrace();
}
this.desconectar();
}
if (e.getSource() == this.forminventario.btnBuscar) {
int filaEditar = this.forminventario.tbProducto.getSelectedRow();
int numfilas = this.forminventario.tbProducto.getSelectedRowCount();
if(filaEditar>=0 && numfilas==1){
this.forminventario.txtId.setText(String.valueOf(this.forminventario.tbProducto.getValueAt(filaEditar, 0)));
this.forminventario.btnBuscar.setEnabled(false);
this.forminventario.btnEditar.setEnabled(true);
this.forminventario.btnEliminar.setEnabled(false);
this.forminventario.btnGuardar.setEnabled(false);
this.forminventario.btnImprimir.setEnabled(false);
this.forminventario.btnRefrescar.setEnabled(false);
this.forminventario.btnRetirar.setEnabled(false);
} else
JOptionPane.showMessageDialog(null, "SELECCIONE UN REGISTRO");
}
if (e.getSource() == forminventario.btnEditar) {
try {
int id = Integer.parseInt(this.forminventario.txtId.getText());
String codigo = this.forminventario.txtCodigo.getText();
String nombre = this.forminventario.txtNombre.getText();
String descripcion = this.forminventario.txtDescripcion.getText();
float precio = Float.parseFloat(this.forminventario.txtPrecio.getText());
int stock = Integer.parseInt(this.forminventario.txtStock.getText());
dbproducto.actualizar(producto);
clean();
JOptionPane.showMessageDialog(forminventario, "¡REGISTRO ACTUALIZADO!");
//this.cargarTabla("");
this.forminventario.btnBuscar.setEnabled(true);
this.forminventario.btnEditar.setEnabled(false);
this.forminventario.btnEliminar.setEnabled(true);
this.forminventario.btnGuardar.setEnabled(true);
this.forminventario.btnImprimir.setEnabled(true);
this.forminventario.btnRefrescar.setEnabled(true);
this.forminventario.btnRetirar.setEnabled(true);
} catch (Exception ex) {
Logger.getLogger(ControladorProducto.class.getName()).log(Level.SEVERE, null, ex);
}
}
//Metodo actualizar
@Override
public void actualizar(Object objeto) throws Exception {
ModeloProducto producto = (ModeloProducto) objeto;
try {
this.connect();
String sql = "UPDATE productos SET idProducto = ?, nombre = ?, codigo = ?, descripcion = ?, precio = ?, stock = ?;";
this.sqlConsulta = this.conexion.prepareStatement(sql);
this.sqlConsulta.setInt(1, producto.getId());
this.sqlConsulta.setString(2, producto.getNombre());
this.sqlConsulta.setString(3, producto.getCodigo());
this.sqlConsulta.setString(4, producto.getDescripcion());
this.sqlConsulta.setFloat(5, producto.getPrecio());
this.sqlConsulta.setInt(6, producto.getStock());
//this.sqlConsulta.setInt(7, 1);
// Executa consulta y Cerrar conexion
this.sqlConsulta.executeUpdate();
} catch (SQLException e) {
System.err.println("SURGIO UN ERROR AL ACTUALIZAR");
}
this.desconectar();
}