Cómo crear un campo de texto predictivo en Power Apps
Crear un campo de texto predictivo en Canvas de Power Apps, usando un Text Input combinado con un Dropdown o una Gallery que filtre dinámicamente los resultados a medida que el usuario escribe. Esto mejora la experiencia del usuario al proporcionar sugerencias en tiempo real.
Pasos para Crear un Campo de Texto Predictivo
1️⃣ Agregar los Controles
Necesitarás los siguientes controles:
Text Input (txtSearch) → Donde el usuario escribirá su búsqueda.
Gallery (galSuggestions) o un Dropdown → Para mostrar sugerencias basadas en el texto ingresado.
2️⃣ Preparar la Fuente de Datos
Si usas una colección o una lista de SharePoint, puedes definir los datos con:
ClearCollect(ColItems; ["Apple"; "Banana"; "Blueberry"; "Cherry"; "Grape"; "Mango"; "Orange"; "Strawberry"])
O llamando a tu propia base de datos.
3️⃣ Filtrar Dinámicamente las Sugerencias
En la propiedad Items de galSuggestions, usa la siguiente fórmula:
Filter(
ColItems; StartsWith(Lower(ThisRecord); Lower(txtSearch.Text))
)
Explicación:
StartsWith filtra palabras que comienzan uno a uno con el texto ingresado.
Opcional: añade un Lower permite una búsqueda sin distinción entre mayúsculas y minúsculas.
4️⃣ Mostrar u Ocultar las Sugerencias
En la propiedad Visible de galSuggestions, usa:
!IsBlank(txtSearch.Text) && CountRows(Filter(ColItems; StartsWith(Lower(ThisRecord); Lower(txtSearch.Text)))) > 0
Esto asegura que las sugerencias solo aparezcan si el usuario ha escrito algo y hay coincidencias.
5️⃣ Seleccionar una Sugerencia
Configura el OnSelect de un ítem en galSuggestions con:
Set(txtSearch.Text; ThisItem.Value)
De esta manera, cuando el usuario hace clic en una sugerencia, se autocompletará la opcion seleccionada
Mejoras Posibles
Agregar un ícono de búsqueda para mejorar la interfaz.
Usar SortByColumns para ordenar los resultados por relevancia.
Permitir que el usuario agregue un nuevo ítem si no hay coincidencias.
Permite que pueda seleccionarse mas de un item de la lista.
Con este método, puedes mejorar significativamente la experiencia del usuario en Power Apps.
