Header Ads Widget

Ticker

6/recent/ticker-posts

Arrastrar Y Soltar Filas Usando Jquery Con El Ejemplo De Ajax

 En este ejemplo, le explicaremos cómo arrastrar y soltar filas usando jquery con el ejemplo ajax. comencemos a crear un ejemplo de jquery de arrastrar y soltar utilizando la biblioteca de interfaz de usuario de jquery.

Estamos usando droppable, draggable y ajax en este ejemplo. Primero, conectaremos el MySQL y dividimos la ayuda en dos partes izquierda y derecha mediante bootstrap. aquí este ejemplo a la izquierda conocido como "Todos los países de la lista" y a la derecha conocido como "País seleccionado".

Hemos tomado el campo de estado en la base de datos. su valor es 0 y 1. Los datos de estado 0 se muestran en la columna izquierda y los datos de estado 1 se muestran en la columna derecha. cuando la fila del país de la columna izquierda se arrastre y suelte en la columna de la derecha, se llamará al ajax esa vez, el estado de los datos de la fila se actualizará en la base de datos. Así será con la columna de la derecha.

Para que pueda ver nuestro código fuente de ejemplo.

Base de datos

index.php

update_item_status.php

Si te gusta este artículo, puedes ver, comentar y compartir este artículo de demostración.

Mostrar demostración


Publicar un comentario

0 Comentarios