DESARROLLO WEB

Modificar un registro

Universidad Tecnológica de Tecamachalco

1. Crear un botón para modificar un registro

En la imagen superior muestra el código para crear un botón (<button> </button>), se le agrega unevento al botón (onclick) el cual se utiliza para invocar a un método que se debe implementar en unarchivo de JavaScript.- (.js), el método tiene el nombre de modProveedor(parametro). El código delmétodo se muestra en la siguiente diapositiva.

1

En la imagen se muestra el códigoque permite mandar a traer elarchivo ProveedoresEditar.php, pormedio de la propiedad URL: estearchivo muestra la interfaz graficapara modificar un registroseleccionado.

El método recibe un valor, el valores el id del proveedor que se deseamodificar. (2)

Con la propiedad data{ } se envíanlos valores o parámetros por posto get eso depende del type: delAjax.

NOT: el archivo que se manda atraer se carga a un Div y el Div secarga un Dialog() (Ventana Modal)

1

2

3

1

2

3

4

5

El código de la diapositiva anterior genera la siguiente ventana, la cual muestra lo datos de unproveedor 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 conla propiedad ReadOnly.

Lo campos de texto tienen la propiedad value, esta se utiliza para asignar la información de unavariable 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 enla siguiente diapositiva.

1

2

La función ProveedorEditarSave(), seutiliza para mandar a traer a una paginade PHP, la cual retorna un valor Json (“Elvalor Json es un texto de confirmación”)

El valor que regrese lo recupera comoargumento la funciónrespProvEditarSave()

La pagina que manda a traer lo haceutilizando el método de envío post, losvalores que le envía a la pagina son lossiguientes.

iddat : $(#txtid).Val(),

Etc…

Donde txtid, es el nombre de un campode texto, y el método Val(), lo quehaces es obtener la información quetenga el campo de texto y se la asigna ala variable iddat, por lo tanto con esenombre la va a recuperar la pagina phpque se manda a traer.

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 laconfirmación de la Operación realizada.

Ver el registro con sus datos actualizado de la tabla.

•