JQuery y Dialog

Iniciado por visualfree, 18 Octubre 2013, 16:10 PM

0 Miembros y 1 Visitante están viendo este tema.

visualfree

Holas, tengo una tabla que me muestra los  datos de usuario, en esta misma pagina uso un dialog de jquery para registrar a los usuarios, lo que quiero hacer es crear un boton editar y que me habra otro dialog pero ya con los datos recuperados del usuario que he seleccionado.
Hay alguna forma de hacerlo sin actulizar la pagina?


visualfree

Detallo un poco mas codigo e imagenes:
http://imageshack.us/photo/my-images/708/o4ij.png/



tengo una table que me muestra todos los elementos:

Parte del codigo que me muestra los datos:


echo "<tr>";
echo "<td bgcolor='silver'><img src='images/documento1616.png' border=0>$row[nDocumento]</td>";
echo "<td>$row[tipo]</td>";
echo "<td>$row[nPedido]</td>";
echo "<td>$row[bodega]</td>";
echo "<td>$row[fecha]</td>";
echo "<td><button  class='ActualizarDocumento' value='".$row[nDocumento]."'><img src='images/edit.png' border=0>Editar</a></button><button><img src='images/cell.png' border=0>Agregar Equipo</button></td>";

echo "</tr> \n";


en JQuery tengo un class que me muestra y Dialog:


  $(".ActualizarDocumento").click(function(){
   //alert( $( this ).val());
   $("#txtDocumento").val($( this ).val());
 
    $("#DialogoActualizar").dialog({
   height: 330,
   width:800,
         modal: true
      });
  });



Y por ultimo lado tengo el formulario:


<div id="DialogoActualizar" title="Actualizar campos del  Documento">
                <p>
<form method="GET" action="Add.php" id="stylized">
<table id="mytable">
                    <tr>
                        <td>
                                <table id="mytable">
<tr>
<td>Nº Documento:(*)</td><td><input type="text" name="txtDocumento" placeholder="N Documento" id="txtDocumento"></td> <td>Tipo:</td>
                            <td><SELECT NAME="txtTipo">
<OPTION>Factura</OPTION>
<OPTION>Guia Despacho</OPTION>
                                                    <OPTION>Otro</OPTION>
</SELECT>
                            </td>
</tr>
                          <tr>
<td>Nª Pedido:(*)</td><td><input type="text" name="txtPedido" placeholder="N Pedido"></td> <td>Bodega:</td>
                            <td><SELECT NAME="txtBodega">
<OPTION>Bodega1</OPTION>
<OPTION>Bodega2</OPTION>
                                                    <OPTION>Bodega3</OPTION>
</SELECT>
                            </td>
</tr>
                        <tr>
<td>Fecha:(*)</td><td><input type="text" name="txtFecha" placeholder="Dia/Mes/Año" id="datepicker2"></td>
                            <td>Proveedor:</td>
                            <td><select name="Proveedor">
                            <?php
$proveedor=new Proveedor();
$proveedor->con();
$proveedor->setMostrar();
while($row=mysql_fetch_array($proveedor->obtenerConsulta())){
if($row['estado']!="Pasivo"){
echo "<option> $row[nombre]</option>";
}else{
}
}
?>

                                </select>
                            </td>
</tr>
                     
                         
                           <tr>
<td>Estado</td><td><SELECT NAME="txtEstado">
<OPTION>Activo</OPTION>
<OPTION>Pasivo</OPTION>
                                                   
</SELECT></td>
                            <td>Usuario:</td>
                            <td><input type="text" name="txtIdUsuario"value="<?php echo $_SESSION['id']?>" disabled placeholder="ID" size="5" ><input type="text" name="txtNombre" placeholder="Nombre Responsable" value="<?php echo $_SESSION['login']?>" disabled style="background-color:#CCC"><button><a href="#">...</a></button>
                            </td>
</tr>

<tr>
<td height="10"></td>
</tr>
<tr>
<td><button type="submit" name="borrar" title="Crear Nuevo Proveedor"><img src="images/Save.png" alt="borrar" /></button></td>
</tr>
                       
                     </table>
                       
                   
                    </td>
<td td width=200>                           
                        <center><img src="images/documento96x96.png"/></center>
                  </td>
                   </tr>
                   </table>
</form>
</p>
               
                </div>