Hoy vamos a usar unos de los plugins de JQuery para autocompletar un campo de texto en nuestra aplicación (http://docs.jquery.com/Plugins/Autocomplete o la página de descarga http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/)
Dicho ejemplo lo vamos a realizar con una llamada por debajo a una servlet del servidor que nos retornará los datos correspondientes a los parámetros establecidos en el plugin.
La página html es sencilla:
En la que por supuesto incluimos las dependencias necesarias a las librerías:
![]()
Vamos a explicar un poco las opciones mas importantes que hemos usado:
Max: es el número máximo de entradas a mostrar. Esto lo recoge el servidor bajo el parámetro limit por si es necesario a la hora de hacer la consulta a bbdd o lo que se necesite.
Delay: el tiempo que espera el plugin desde que se pulsa la tecla hasta que se invoca.
minChars: el número de caracteres mínimo que debe poner el usuario en el combo para que se invoque el plugin.
Podemos ver la lista completa en: http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
Una vez hecho esto tenemos que mapear en el web.xml la servlet que el plugin invocará: AutoComplete de la forma:
Y en el servidor la clase correspondiente:
Adjunto el código fuente.




Deja un comentario