Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DESARROLLO WEB

Modificar un registro

Universidad Tecnológica de Tecamachalco
1. Crear un botón para modificar un registro
1



En la imagen superior muestra el código para crear un botón (<button> </button>), se le agrega un
evento al botón (o...


En la imagen se muestra el código
que permite mandar a traer el
archivo ProveedoresEditar.php, por
medio de la propieda...
1

2

3

4

5
1

2



El código de la diapositiva anterior genera la siguiente ventana, la cual muestra lo datos de un
proveedor en cam...


La función ProveedorEditarSave(), se
utiliza para mandar a traer a una pagina
de PHP, la cual retorna un valor Json (“E...


En la imagen se muestra el código que permite actualizar los datos de un determinado proveedor.


Paso 1.- Se obtiene ...


Ver el registro con sus datos actualizado de la tabla.
•
Upcoming SlideShare
Loading in …5
×

5. modificar datos

545 views

Published on

Published in: Software
  • Be the first to comment

  • Be the first to like this

5. modificar datos

  1. 1. DESARROLLO WEB Modificar un registro Universidad Tecnológica de Tecamachalco
  2. 2. 1. Crear un botón para modificar un registro
  3. 3. 1  En la imagen superior muestra el código para crear un botón (<button> </button>), se le agrega un evento al botón (onclick) el cual se utiliza para invocar a un método que se debe implementar en un archivo de JavaScript.- (.js), el método tiene el nombre de modProveedor(parametro). El código del método se muestra en la siguiente diapositiva.
  4. 4.  En la imagen se muestra el código que permite mandar a traer el archivo ProveedoresEditar.php, por medio de la propiedad URL: este archivo muestra la interfaz grafica para modificar un registro seleccionado.  Con la propiedad data{ } se envían los valores o parámetros por post o get eso depende del type: del Ajax. 2 El método recibe un valor, el valor es el id del proveedor que se desea modificar. (2)  1  NOT: el archivo que se manda a traer se carga a un Div y el Div se carga un Dialog() (Ventana Modal) 3
  5. 5. 1 2 3 4 5
  6. 6. 1 2  El código de la diapositiva anterior genera la siguiente ventana, la cual muestra lo datos de un proveedor en campos de texto para realizar alguna modificación de uno de sus atributos.  En el caso de Id no se puede modificar ya que el campo de texto es solo lectura (1), eso se indica con la propiedad ReadOnly.  Lo campos de texto tienen la propiedad variable como se ve en la Interfaz.  Se crea un botón para mandar a ejecutar a una función de JavaScript (4) ProveedoresEditarSave.php, el cual se implementa en el archivo JavaScript (.js), que se muestra en la siguiente diapositiva. value, esta se utiliza para asignar la información de una
  7. 7.  La función ProveedorEditarSave(), se utiliza para mandar a traer a una pagina de PHP, la cual retorna un valor Json (“El valor Json es un texto de confirmación”)  El valor que regrese lo recupera como argumento la función respProvEditarSave()  La pagina que manda a traer lo hace utilizando el método de envío post, los valores que le envía a la pagina son los siguientes.    iddat : $(#txtid).Val(), Etc… Donde txtid, es el nombre de un campo de texto, y el método Val(), lo que haces es obtener la información que tenga el campo de texto y se la asigna a la variable iddat, por lo tanto con ese nombre la va a recuperar la pagina php que se manda a traer.
  8. 8.  En la imagen se muestra el código que permite actualizar los datos de un determinado proveedor.  Paso 1.- Se obtiene la información de los campos de texto.  Paso 2.- Se incustra el código de la conexión a la base de datos.  Paso 3.- Se ejecuta al método que conecta a la base de datos.  Paso 4.- Si al conexión es correcta se ejecuta la sentencia SQL que actualiza a ala base de datos (UPDATE …)  Paso 5.- con la sentencia echo json… se regresa un resultado json esperado con un parámetro que tiene la confirmación de la Operación realizada.
  9. 9.  Ver el registro con sus datos actualizado de la tabla.
  10. 10.

×