En este video vamos a ver cómo agregar la funcionalidad para eliminar los registros.
Lo primero que vamos a hacer es cada vez que alguien presione este botón se va a eliminar el registro
nos va a preguntar a quienes estamos utilizando por el default que viene en el navegador.
Hay algo que me hace falta es cuando doy Jabber aquí puedes ver que en este SI PARECE LA MANO EN ESTE
NO SE de embarcarnos por así decirlo voy a colocar aquí PTM y me hace falta un veten Jover 7m Jabber
cursor Painter dejen de Guardar cambios y recargar y aparecer así la mano entonces cada vez que alguien
Presione aquí va a preguntarnos si queremos eliminar el registro si confirmamos lo va a eliminar.
Primero vamos a abrir el LAP J.V y algo importante que va a saber en esta parte es que hay muchos íconos
para eliminar podríamos escribir un selector un selector que seleccione todos esos.
Y después cuando alguien de clic identificará en cuál dieron clic y de ahí eliminar el registro.
Pero hay otra técnica que me gusta mucho utilizar sobretodo en este tipo de escenarios donde hay muchos
elementos es algo que se conoce como delegacion y actualmente ya tenemos un The Body aquí y un selector
que dice listado de contactos.
Entonces vamos a ponerle aquí Lissner para eliminar el botón que ponemos listado de contactos punto
a de Béliz Zener click y vamos a eliminar el contacto voy a copiar eliminar contacto esta función y
me la llevo hasta abajo antes de las notificaciones.
Eliminar el contacto most function ponemos el nombre de la función y abrimos llaves y colocaron Consol
log diste clic guardamos cambios y voy a abrir Speck abrimos Consol y tenemos el selector en lo que
viene siendo todo el the body.
No importa dónde demos clic en toda la parte que viene siendo el The Body y puedes ver que va registrando
qué hemos dado.
Incluso aquí también en lo que es el botón de eliminar.
Entonces básicamente delegacion trata de identificar a qué le diste clic y en base a ello es que ejecuta
la acción.
Quedas como un contenedor grande como éste pero gracias a algunos algún código que vamos a escribir
enseguida puedes identificar a qué elemento se le dio clic entonces vamos a eliminar esto de nueva cuenta
tenemos que pasarle leer nos va a reportar a qué elemento le hemos dado clic.
Por lo tanto si pones el punto Target y guardas cambios puedes recargar y das click aquí se te detres
o aquí vemos que seguí etcétera.
No esperes ver cómo funciona aquí si le das clic en Editar.
Obviamente te lleva a la otra página pero puedes presionar donde sea en cualquier lugar de estos y te
va a ir reportando que le has dado click aquí vamos a colocar el siguiente código con mi punto target
sabes qué es lo que dispara este evento por lo tanto aquí voy a cortar o voy a colocar aquí contó Parente
element.
Contó que las Liste porque si damos clic aquí por ejemplo en este icono de basura puedes ver que nos
reporta lo que se lí pero si vemos el código tenemos ahí pero el botón está arriba que contiene Leydi.
La clase de botón borrar por lo tanto vamos a utilizar algo que se conoce como otra versión de Edom
que nos va a permitir ir del hijo hacia el padre con punto para un elemento que recargamos click aquí
y vemos que ya tenemos el botón ya no nos reporta que es el icono sino que es el botón.
Gracias a este elemento ponemos para en Element punto clase listo contains veten borrar esto va a revisar
que exista esta clase lo hemos recargar podemos dar clic aquí vemos que no se le clica acá vemos que
se Fool's cada que dé clic aquí vas a ver que estoy dando clic en el botón de borrar.
Entonces la idea es que el código de eliminar solamente corra cuando Xatruch.
Por lo tanto todo esto lo pongo en ONIF y abro paréntesis en caso de que esto sea True entonces ejecuta
este código.
Caso contrario no hagas nada no nos interesa lo que pueda pasar en caso de que demos clic en otro elemento
entonces lo primero que vamos a hacer aquí es tomar el Heydi del elemento que le hemos dado o eliminar.
Por ejemplo cuando click en eliminar este que sepa cuál es el aire y la ventaja es que tanto hiri como
el botón están en el mismo nivel.
Por lo tanto nada más tenemos que leer este Daura Heydi y poner un const ahí es igual a y punto target
punto Padrenda Element get a tribute to get a Trivium y podemos dar Heydi de consol Lobb a Heydi y guardamos
cambios y recargamos cada vez que dé clic aquí vemos que no soporta el 1 2 3 4 y voy reportando que
hoy día hemos dado click para eliminarlo.
Lo siguiente voy a comentar esta línea siguientes que le vamos a preguntar al usuario preguntará al
usuario si están seguros lo probamos aquí Icons.
Respuesta Vamos a utilizar el confirm la confirmación nativa que viene en el navegador nos ponemos confirm
y le preguntamos estás seguro
y aquí vamos a poner GIF.
Respuesta En caso de que sea así con sólo si estoy seguro con su blog
pensarlo más salgo así entonces en caso de que presionemos en que sí en la confirmación de nueva cuenta
el nativo del navegador va a aparecer o va a correr esta parte en caso de que demos no va a correr esta
otra cuenta recargamos click aquí se está seguro si le damos Cancelo vamos que dice Déjame pensarlo
más si recargo doble clic aquí vemos que se está seguro.
Si estoy seguro entonces esta pantalla puede verse diferente de acuerdo al navegador que es el nativo
que viene en el navegador dependiendo si utilizas Crom si utilizas hecho cualquier navegador va a tener
un diálogo diferente en el caso de que entre en el Liev que le presionen que si va a ejecutar un código
de Ayax en el caso contrario no va a hacer nada se elimina en esta parte.
Entonces vamos a hacer el llamado a Ayax que recuerda que es abrir la conexión crear el objeto abrir
la conexión
leer la respuesta y enviar la petición son cuatro acciones las que debemos de realizar.
Lo primero es que vamos a crear el objeto de nueva cuenta X HR igual a new Xmen XML HTTP Request parentesis
abrimos la conexión de nueva cuenta muy fácilmente H.R Open y en este caso va a ser Goeth porque vamos
a extraer un dato que viene de la base de datos dató existente y en la base de datos y vamos a estar
utilizando el mismo modelo que utilizábamos anteriormente el de contactos solamente que en esta parte
como estamos pasando por Goeth se va a pasar el Heydi queremos eliminar por medio de la web R.L la diferencia.
Por ejemplo cuando envías la petición que se de recent es que cuando mandas por post aquí se agrega
la variable.
Cuando mandas por post cuando mandas Projet se manda en la web R.L del Open.
Entonces cómo vamos a inyectar una variable de JavaScript puede utilizar de nueva cuenta templetes strings
y en diagonal modelos diagonal modelo contactos punto PHP.
Le pasamos porque estamos pasando por el Heydi que queremos eliminar.
En este caso el Saidi viene de aquí arriba ya lo estamos leyendo ponemos signo de dólar llaves y el
Heydi entonces es un poco diferente a la consulta que habíamos realizado anteriormente puedes ver qué
está mandábamos por post aquí está todos los datos se mandaban aquí en este nada más hacemos al archivo
se mandatado por post y si recuerdas en este insertar base de datos leíamos la acción que en este caso
era el valor que está oculto en el caso de eliminar no lo ocupas porque es obvio que cuando alguien
presiona aquí quiere eliminarlo.
Entonces lo vamos a pasar aquí directamente en la web R.L y acción porque estamos pasando dos parámetros
y luego entró para hacer hacerlo asíncrono de nueva cuenta leer la respuesta que vamos a colocar y quizá
repunten Elorza y esto va a ser una función y ponemos IP disputo estátus esto no cambia es igual a 200
es decir que se realizó correctamente moscones resultado igual a Yeison por toparse X Sacher Response
Text y le va a dar aquí un Consol Loja. al resultado entonces esto va a mandarlo por JEET al modelo
de contactos así que vamos a abrir el modelo de contactos si recuerdas aquí tenemos un NIF de post acción
crear voy a colapsar esta línea y aquí va a poner IBF pero en este caso vamos a revisar por qué la acción
es igual a nada más tengo que revisar que aquí es borrar en caso de que sea borrar pues va a caer en
esta parte.
En caso de que sea crear CA y en el otro por eso me gusta crear estos modelos para manejar todas las
distintas operaciones en un solo archivo y que vamos a ponerle hehco Jayson cows
Get y de esa forma en la respuesta en el respond text que tenemos aquí se va a imprimir lo que viene
por por ket que en este caso se Heydi y la acción de borrar únicamente el recargamos damos clic aquí
damos ok y vemos que nos retorna la acción de borrar con el Heydi 7 si damos clic en otro el Leidi 12
la acción sigue siendo la misma porque estamos presionando en esta parte y el Heydi 15 etcétera.
Entonces el siguiente video vamos a ver cómo eliminar el registro en el modelo y realizar la consulta
nuevamente para eliminar ahora sí el registro en base a Leydi que hemos pasado.