none
COMO MODIFICO DATOS DE MI TABLA ATRAVES DE UNA VENTANA MODAL DE BOOSTRAP RRS feed

  • Pregunta

  • hola amigos los gradeceria bastante si me ayudan en esto

    a modifcar los datos de la tabla atraves de una ventana modal

    que al presionar el boton actualizar de cada registro todos esos datos se carguen al modal para ser modificados

    /*NOMBRE DE ARCHIVO "conexion.php" */

    <?php try { $base=new PDO('mysql:host=localhost; dbname=pruebas','root',''); $base->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $base->exec("SET CHARACTER SET UTF8"); } catch (Exception $e) { die('Error'.$e->getMessage()); echo"Linea del error".$e->getLine(); } ?>


    <!-- NOMBRE DE ARCHIVO "index.php" -->
    
     <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<title></title>
    
    	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    	<link rel="stylesheet" type="text/css" href="css/styles.css">
    	<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    </head>
    
    
    <body>
    
    	<?php 
    		include("conexion.php");
    		/*array para mostar los registros*/
    		$registros=$base->query("SELECT * FROM datos_usuarios")->fetchAll(PDO::FETCH_OBJ);
    	?>
    
    <div class="container">
    		<div class="table-responsive">
    		<table class="table table-striped table-bordered table-hover table-condensed">
    			
    		<tr>
    		      <td><input class="btn btn-info " type='submit' name='bt_insertar' value='Insertar' ></td>	
    		</tr> 
    
    		<tr class="danger">
    				<TH>Codigo</TH>
    				<TH>Nombre</TH>
    				<TH>Apellido</TH>
    				<TH>Direccion</TH>
    				<TH>Acciones</TH>
    		</tr>
    
    
    			<?php 
    				foreach ($registros as $persona ):?>
    
    		<tr>
    				<TD><?php echo $persona->id ?></TD>
    				<TD><?php echo $persona->Nombres ?></TD>
    				<TD><?php echo $persona->Apellidos ?></TD>
    				<TD><?php echo $persona->Direccion ?></TD>
    				<TD><a href="borrar.php?Id=<?php echo $persona->id?>"><input class="btn btn-danger btn-xs" type='button'  name='del' id='del' value='Borrar'></a> 
    				<button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Actualizar</button>
    
    				</TD>
    
    <!-- CODIGO PARA VENTANAL MODAL-->
    				<div class="modal fade bs-example-modal-sm" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    					  <div class="modal-dialog modal-sm" role="document">
    						    <div class="modal-content">
    							      <div class="modal-header">
    							        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    							        <h4 class="modal-title" id="exampleModalLabel">Actualizar</h4>
    							      </div>
    
    							      <div class="modal-body">
    							        <form>
    								  <div class="form-group" method="post">
    								            <label class="control-label">Codigo:</label>
    								            <input type="text" class="form-control" name="txid" id="txtid">
    								          </div>
    
    								          <div class="form-group">
    								            <label class="control-label">Nombres:</label>
    								            <input type="text" class="form-control" name="txtname" id="txtname">
    								          </div>
    								          <div class="form-group">
    								            <label class="control-label">Apellidos:</label>
    								            <input type="text" class="form-control" name="txtape" id="txtape">
    								          </div>
    								          <div class="form-group">
    								            <label class="control-label">Direccion:</label>
    								            <input type="text" class="form-control" name="txtdirec" id="txtdirec">
    								          </div>
    							        </form>
    							      </div>
    
    							      <div class="modal-footer">
    							        <button type="button" class="btn btn-default" name="btncan" data-dismiss="modal">Cancelar</button>
    							        <button type="submit" class="btn btn-primary"name="btnMod">Guardar</button>
    							      </div>
    						    </div>
    					  </div>
    				</div>
    			</tr>
    
    
    			<?php 
    				endforeach;
    			 ?>
    			
    
    		</table>
    		</div>
    </div>
    
    			<script src="jquery/jquery-latest.js">
    			</script>
    			<script src="js/bootstrap.min.js"></script>
    			<script src="jquery/jquery.min.js"></script>
    
    </body>
    </html>





    domingo, 17 de julio de 2016 15:28

Respuestas

  • hola

    Pero estas programando en php cuandoe ste foro trata sobre asp.net o sea tecnologia Microsoft

    Creo que deberias plantear el problema en un foro que trata php

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    lunes, 18 de julio de 2016 4:42
  • Hola jhosep carhuapoma,

    [-] ..que al presionar el boton actualizar de cada registro todos esos datos se carguen al modal para ser modificados.

    Has leído la documentación? Lo menciono porque en la página de Bootstrap está un ejemplo claro de como pasar lo datos a una ventana modal.

    Varying modal content based on trigger button

    En el ejemplo carga los datos de un botón, pero la lógica es la misma.

    Si tienes un botón en cada fila de tu tabla, solo tendrías que capturar los valores y enviárselos al modal.

    * Ojo, no te olvides de usar el .js sino no funcionará el modal.

    Saludos.


    JC NaupaCrispín
    Lima - Perú

    La magia no existe, la programación SI

    lunes, 18 de julio de 2016 5:22

Todas las respuestas

  • hola

    Pero estas programando en php cuandoe ste foro trata sobre asp.net o sea tecnologia Microsoft

    Creo que deberias plantear el problema en un foro que trata php

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    lunes, 18 de julio de 2016 4:42
  • Hola jhosep carhuapoma,

    [-] ..que al presionar el boton actualizar de cada registro todos esos datos se carguen al modal para ser modificados.

    Has leído la documentación? Lo menciono porque en la página de Bootstrap está un ejemplo claro de como pasar lo datos a una ventana modal.

    Varying modal content based on trigger button

    En el ejemplo carga los datos de un botón, pero la lógica es la misma.

    Si tienes un botón en cada fila de tu tabla, solo tendrías que capturar los valores y enviárselos al modal.

    * Ojo, no te olvides de usar el .js sino no funcionará el modal.

    Saludos.


    JC NaupaCrispín
    Lima - Perú

    La magia no existe, la programación SI

    lunes, 18 de julio de 2016 5:22