Guía del Widget Autocomplete

El Widget Autocomplete en los archivos XMLView permite autocompletar valores asociados a otra tabla o a la misma. A diferencia del widget select, este widget no selecciona opciones predefinidas; los usuarios escriben para que el sistema sugiera posibles valores.

<column name="customer" numcolumns="3" order="190">
    <widget type="autocomplete" fieldname="codcliente" onclick="EditCliente">
        <values source="clientes" fieldcode="codcliente" fieldtitle="nombre"/>
    </widget>
</column>

Atributos del Widget

Los siguientes son los atributos disponibles para la etiqueta <widget>:

  • fieldname: Nombre del campo que contiene la información. Es obligatorio.
  • required: Previene el guardado del formulario si no se ingresa un valor en el campo.
  • readonly: Hace que el campo no sea editable.
  • onclick: URL o controlador al que se redirigirá al usuario al hacer clic. Se añade ?code= seguido del valor del campo.
  • icon: Icono a mostrar en el campo de edición.
  • translate: Si se establece en true, los títulos de los valores se traducirán automáticamente.
  • strict: true (predeterminado) para no permitir valores fuera de los dados.

Ejemplos de Visualización

En Formularios de Edición

Widget Autocomplete en edición

En Listados

Widget Autocomplete en listado

Definición de la Clase

Consulta la lista completa de propiedades y métodos del Widget Autocomplete en la documentación de la clase WidgetAutocomplete.

Configuración de Valores

Al igual que el widget select, el Widget Autocomplete requiere una etiqueta <values> para definir la fuente de los valores. Las propiedades disponibles para <values> son:

  • source: Nombre de la tabla o modelo a consultar (por ejemplo, Cliente).
  • fieldcode: Columna que contiene el valor seleccionado. Opcional si source es un modelo.
  • fieldtitle: Columna que contiene el texto mostrado al usuario.
    • Si no se especifica fieldtitle, se utiliza fieldcode.
    • Opcional si source es un modelo.
    • Si translate está activado, el texto se traducirá.
  • fieldfilter: (Opcional) Nombre de otro widget para enlazar resultados.

Nota

Si se utiliza un modelo en source y no se especifican fieldcode y fieldtitle, se mostrará el ID guardado. Para mostrar el valor correspondiente, es necesario especificar estos atributos.

Ejemplo de Uso

  • Con source=Contacto, si no se especifican fieldcode y fieldtitle, el valor será el ID del contacto.
  • Con fieldcode="idcontacto" y fieldtitle="nombre", se mostrará el nombre completo del contacto.

Modificación de Valores desde el Controlador

Es posible personalizar los valores devueltos sobrescribiendo el método autocompleteAction() en el controlador, el cual devuelve un JSON con los valores para el widget.

Opciones de Coloreado

Recuerda que todos los widgets comparten propiedades y opciones comunes.

Cookies
Usamos cookies en nuestro sitio web para brindarte la experiencia más relevante recordando tus preferencias y visitas repetidas. Al hacer clic en "Aceptar", aceptas el uso de TODAS las cookies necesarias.
Copyright (c) 2013-2025 FacturaScripts
0.45655s

Soporte