guardar cambios en base de datos utilizando X-editable Twitter Bootstrap, jQuery UI

Montes28 · #1 (**permalink**) 19/01/2013, 22:50

hola amigos espero me puedan ayudar , me encuentro trabajando con X-editable edicion con (Twitter Bootstrap, jQuery UI ) http://vitalets.github.com/x-editable/index.html

estoy listando en un tabla los registros de una base de datos y necesito editar un registro y se guarde en la base de datos. hasta el momento logro abri el control para editar pero no logro enviar el dato y modificarlo en la base de datos.

este es mi codigo
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-editable.css" rel="stylesheet">
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-editable.min.js"></script>

Código Javascript:

Ver original$(document).ready(function() {
    $('#username').editable({
    type: 'text',
    pk: 1,
    name: 'username',
    url: 'post.php',
    title: 'Ingrese el nuevo nombre de usuario'
    });
    });

realizo la consulta

Código PHP:

Ver original$usuario = 'postgres';
$contrasenia = '****';
    
            try {
                $db = new PDO('pgsql:host=localhost;dbname=volcanoes',$usuario,$contrasenia);
                //$db = new PDO('pgsql:host=192.168.102.200;dbname=volcanoes',$usuario,$contrasenia);
                }catch(PDOException $e) {
                //echo $e->getMessage();
                echo "Usuario y Clave Invalidas";
                throw new Exception("Usuario y Clave Invalidas", 0, $e);
                }
    
$consulta = $db->prepare("SELECT * FROM usuarios WHERE usu_usuario = 'postgres'");
$consulta->execute();

imprimro la consulta

Código HTML:

Ver original<div align="center">
<table border="1">
          <tr>
            <th width="58">Usuario</th>
          </tr>

Código PHP:

Ver original<?
while($fila = $consulta->fetch(PDO::FETCH_ASSOC))
    {
    ?>
    <tr>
    <td><a href="#" id="username"><?php echo $fila['usu_usuario']?></a></td>
<?
    }
                
                
?>

Código HTML:

Ver original</table>
</div>
</body>
</html>

Montes28 · #2 (**permalink**) 23/01/2013, 11:11

amigos me funciono de la siguiente manera

<!DOCTYPE html>
<html lang="en"><head>

<meta charset="utf-8">
<title>Fenomenos Volcanicos</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-editable.css" rel="stylesheet">
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-editable.min.js"></script>

Código Javascript:

Ver original<script>
    $(document).ready(function() {
    
    $('.username').editable({
    type: 'text',
    
    //pk: 4,
    name: 'usu_extension',
    
    //value: '8000',
    validate: function(value) {
    if($.trim(value) == '')
    return 'Este Campo es requerido';
    },
    url: 'multiples.php',
    title: 'Ingrese el nuevo valor',
    
    });
    
    
    
    
    
    $.fn.editableform.buttons = 
  '<button type="submit" class="btn btn-success editable-submit btn-mini"><i class="icon-ok icon-white"></i></button>' +
 '<button type="button" class="btn editable-cancel btn-mini"><i class="icon-remove"></i></button>';  
    
    
    });
    
    
    </script>

Código HTML:

Ver original<div align="center"><a href="#" class="username" data-pk="<? echo $filas['item']?>"><strong><? echo $filas['cantidad'] ?></strong></a></div>

y en multiples.php

Código PHP:

Ver original$usu_extension =$_REQUEST['value'];
$pk =$_REQUEST['pk']; 
$consulta = $db->prepare("UPDATE inv_est_instaladas SET cantidad = '$usu_extension'  WHERE item = $pk");
$consulta->execute();