Índice

Escribir con la herramienta de autocompletado

1. El uso del componente

El componente Autocomplete permite a los usuarios introducir un valor en un campo. Pero existe una lista de valores de sugerencias preestablecida que muestra el valor más cercano al que el usuario introduce a medida que este va escribiendo. Esto permite limitar los riesgos de error.

2. Insertar el componente

Sitúe el punto de inserción en el lugar donde desee insertar el componente.

En el menú Insertar, o en el panel Insertar, seleccione jQuery UI.

A continuación haga clic en Autocomplete.

El componente se inserta en la página:

images/18C20-036.png

Seleccione el componente en la página haciendo clic en su pestaña azul jQuery Autocomplete: Autocomplete1.

En el panel Propiedades, en el campo ID, podrá ver el identificativo del componente.

images/20OWT-36.PNG

Guarde la página y los archivos relacionados.

3. Configurar el cuadro de diálogo

Seleccione el componente en la página haciendo clic en su pestaña azul jQuery Autocomplete: Autocomplete1.

Utilice el panel Propiedades.

images/20OWT-37.PNG

En el campo Source, indique el origen de los valores predefinidos. Puede seleccionar un archivo .js o .json. Pero puede introducir usted mismo los valores respetando la sintaxis JavaScript de las tablas.

Este es un ejemplo de valores introducidos en una tabla: ["Badajoz,"Barcelona","Burgos", "Segovia","Sevilla","Tarragona","Tárrega"]. Observe que no hay coma ...