Consultoría & Consultores

Dentro de cualquier desarrollo web, es posible que tengamos que aplicar soluciones a problemas particulares, utilizando Eventos de JavaScript como; onclick, onchange, etc… Si esta solución particular, la tenemos que aplicar dentro de un listado, donde el número de registros sea muy alto, el tratar de gestionar la solución, a nivel de cada registro con su evento particular, puede llegar a generar un problema de rendimiento en el navegador al tener que gestionarse un alto número de Event Listeners.

Una posible solución a esta situación, nos la ofrece la delegación de eventos que tenemos con jQuery, de forma que podemos definir una solución e indicar a jQuery que la aplique sobre los elementos descendientes del elemento en el que hemos vinculado la solución.

Para ver un poco mejor lo que estamos comentando, pongamos un caso práctico en el que tenemos que aplicar una solución y veamos cómo aplicar la delegación de eventos.

Nuestro problema con los Radio Buttons

Supongamos que queremos mostrar una encuesta, donde cada pregunta de la encuesta, tiene varias respuestas gestionadas con controles Radio Button, pero queremos que nuestra encuesta, nos permitan dejar preguntas de sin respuesta, pese a haber seleccionado ya una opción.

De forma natural, en los controles Radio Button, esto no es posible, ya que una vez seleccionada una opción del conjunto controles, no podemos dejar ninguna sin marcar.

Seguir leyendo en ABAST