Está en la página 1de 4

R6,D) Asiganar un equipo

Como en los las ostras actividades usamos dos rutas, la primera para mostrar la lista de estudiantes y la segunda para seleccionar el equipo, por default todas las
matriculaciones tienen el equipo 0 q

Se muestra una alerta que


dice que debes dar doble
clic para seleccionar y dar
un ENTER para aceptar los
cambios o no dar la
solución (puede usar el
número de camas
R6,D) Asiganar un equipo (continuación)
• Por default cuando se da una matriculación esta pone 0 al equipo, por
lo que se debe cambiar el número, por eso se maneja el método PUT
e igual que las otras acciones tiene dos rutas, la primera muestra la
lista de estudiantes y la siguiente es para asignarles el equipo, esto
último se realiza en dos pasos, el primero cuando hacemos doble clic
en el numero de equipo y el segundo cuando damos un ENTER en el
nuevo numero de equipo. Esta interactividad la logramos con
JavaScript manejando los elementos del DOM, explicaremos
primeramente la parte clic
R6,D) Asiganar un equipo (parte del clic)

En la vista de “equipos” creamos la lista


de estudiantes, cada uno de ellos en
una línea de una tabla en la que en la
primer columna se encuentra el nombre
y en la segunda el numero de equipo,
pero en realidad el numero de equipo
esta dentro de un div de la clase equipo
que cuyo identificador es el numero de
matriculación, en la segunda parte
estamos estableciendo que cuando se
haga doblecick en este div su contenido
tendrá un select con los numero del 1 al
15, en la siguiente parte se detectara
cuando se de ESC o ENTER en el select
R6,D) Asiganar un equipo (guardado)

En esta parte con jquery


establecemos que cuando se
presione una tecla en el select se
realice la siguiente función en la
que se reivisa si se presiono (ESC
que es 27 o ENTER que es 13),
primero explicaremos el la
cancelación, que solo escribe el
numero anterior, la acetacion
envía por AJAX un PUT para
guardar el numero de equipo
seleccionado.

También podría gustarte