Muestre una lista de elementos de cualquier origen de datos mediante la adición de un control Galería a la aplicación. En este tema se utiliza Excel como origen de datos. Filtre la lista mediante la configuración de la Galería para mostrar únicamente aquellos elementos que coinciden con el criterio de filtro en un control Entrada de texto.
Requisitos previos
- Aprenda a agregar y configurar un control en PowerApps.
Configure los datos de ejemplo:
- Descargue este archivo de Excel, que contiene datos de ejemplo para este tutorial.
- Cargue el archivo de Excel en una cuenta de almacenamiento en la nube, como OneDrive para la Empresa.
Agregar una galería
Abra PowerApps y haga clic o pulse en Nuevo cerca del borde izquierdo.
En el icono Aplicación vacía, pulse o haga clic en Diseño de teléfono.
Agregue una conexión a la tabla FlooringEstimates del archivo de Excel.
(opcional) Agregue una galería a la pantalla predeterminada, para lo que debe hacer clic o pulsar la pestaña Insertar, hacer clic o pulsar Galería, y, después, hacer clic o pulsar una galería que esté vacía (en blanco) o que contenga un conjunto predeterminado de controles.
Estas opciones incluyen galerías que se desplazan de forma horizontal o vertical. También puede agregar una galería que basa automáticamente su tamaño en la cantidad de contenido de cada elemento.
En la pestaña Inicio, pulse o haga clic en Nueva pantalla.
Puede agregar una pantalla que esté vacía, que se desplace, que contenga una galería o que contenga un formulario.
Haga clic o pulse Pantalla de lista para agregar una pantalla que contenga una galería y otros controles, como una barra de búsqueda.
Nota: si agrega una galería a una pantalla nueva o a una existente, puede hacer clic o pulsar cerca de la parte inferior de la galería para seleccionarla y, después, elija otro diseño en el panel derecho. Para este tutorial, deje el diseño predeterminado.
En el panel derecho, pulse o haga clic en el origen de datos y, después, en FlooringEstimates.
La galería muestra los datos de ejemplo.
La ordenación y la búsqueda se configurarán en este mismo tema más adelante.
Agregar un control a la galería
Antes de realizar cualquier personalización, elija el diseño de la galería. El primer conjunto de controles de una galería es la plantilla, que determina el aspecto de todos los datos de la galería.
Seleccione la plantilla, para lo que debe hacer clic o pulsar cerca de la parte inferior de la galería y, después, pulsar o hacer clic en el icono del lápiz en la esquina superior izquierda de la galería.
Agregue un control Etiqueta a la plantilla de la galería y, después, mueva y cambie el tamaño del nuevo control para que no se superponga con otros controles de la plantilla.
Con el control Etiqueta aún seleccionado, abra la lista resaltada en el panel de la derecha.
En la lista de campos que acaba de abrir, pulse o haga clic en Precio.
La galería muestra los nuevos valores
Filtrar la galería
La propiedad Elementos de una galería determina qué elementos muestra. En este procedimiento, configure esa propiedad para que la galería muestre solo los elementos para los que el nombre del producto contenga el texto de TextSearchBox1.
Establezca la propiedad Elementos de la galería en esta fórmula:
If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name)))
Para más información acerca de las funciones de esta fórmula, consulte la referencia de las fórmulas.
Escriba parte o la totalidad de un nombre de producto en el cuadro de búsqueda.
La galería muestra solo los elementos que cumplen el criterio de filtro.
Ordenar la galería
La propiedad Elementos de una galería determina el orden en que muestra los elementos. En este procedimiento, configurará esa propiedad para que la galería muestra el orden de los elementos según lo establecido por ImageSortUpDown1.
Establezca la propiedad Elementos de la galería en esta fórmula:
Sort(If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name))), Name, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))
Seleccione el icono de ordenación para cambiar el criterio de ordenación de la galería por los nombres de los productos.
Para ordenar y filtrar la galería, reemplace ambas instancias de DataSource en esta fórmula por el nombre del origen de datos y reemplace ambas instancias de ColumnName por el nombre de la columna por la que desea ordenar y filtrar.
Sort(If(IsBlank(TextSearchBox1.Text), DataSource, Filter( DataSource, TextSearchBox1.Text in Text( ColumnName ))), ColumnName, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))
Resalte el elemento seleccionado
En la propiedad RellenoDePlantilla de la galería escriba una fórmula similar a la de este ejemplo:
If(ThisItem.IsSelected, LightCyan, White)
Cambio de la elección predeterminada
En la propiedad Default de la galería, especifique el registro que desea que se seleccione de manera predeterminada. Por ejemplo, especifique el quinto elemento del origen de datos FlooringEstimates:
Last(FirstN(FlooringEstimates, 5))
En este ejemplo, especifique el primer elemento de la categoría Hardwood del origen de datos FlooringEstimates:
First(Filter(FlooringEstimates, Category = "Hardwood"))
Pasos siguientes
- Aprenda a trabajar con formularios y fórmulas.