Mostrar una lista de elementos en aplicaciones de lienzo

Muestre una lista de elementos de cualquier origen de datos agregando un control Gallery a la aplicación de lienzo. En este tema se utiliza Excel como origen de datos. Filtre la lista mediante la configuración del control Gallery para mostrar únicamente aquellos elementos que coinciden con el criterio de filtro en un control Text input.

Requisitos previos

  1. En la pestaña Insertar, seleccione Galería y luego seleccione Vertical.

    Agregar galería vertical.

  2. En la pestaña Propiedades del panel de la derecha, abra la lista Items y después seleccione Flooring Estimates.

    Estimaciones de suelos.

  3. (opcional) En la lista Diseño, seleccione una opción diferente.

  1. En la pestaña Inicio, seleccione Nueva pantalla > Pantalla de lista.

    Aparece una pantalla que contiene un control Gallery y otros controles, como una barra de búsqueda.

  2. Establezca la propiedad Items de la galería en FlooringEstimates.

    El control Gallery muestra los datos de ejemplo.

    Mostrar datos.

Antes de realizar cualquier otra personalización, asegúrese de que el diseño de su control Gallery se acerca al máximo al que desea. A partir de ahí, puede modificar aún más la plantilla Gallery, que determina cómo aparecen todos los datos en el control Gallery.

  1. Seleccione la plantilla, para lo que debe hacer clic o pulsar cerca de la parte inferior del control Gallery y, después, seleccionar el icono del lápiz en la esquina superior izquierda.

    Editar plantilla de galería.

  2. Con la plantilla aún seleccionada, agregue un control Label y, después, muévalo y ajuste su tamaño para que no se superponga con otros controles de la plantilla.

    Agregar etiqueta.

  3. Seleccione la galería y, a continuación, seleccione Editar junto a Campos en la pestaña Propiedades del panel de la derecha.

  4. Seleccione la etiqueta que ha agregado en este procedimiento y abra la lista resaltada en el panel Data (Datos).

    Lista desplegable abierta.

  5. En dicha lista, pulse o haga clic en Precio.

    El control Gallery muestra los valores nuevos.

    Galería final.

La propiedad Items de un control Gallery determina los elementos que muestra. En este procedimiento, configura esa propiedad para que también determine qué registros aparecen según los criterios de filtro y en qué orden.

Cuadro de búsqueda e icono de ordenación.

  1. Establezca la propiedad Items del control Gallery en esta fórmula:

    Sort
        (If
            (IsBlank(TextSearchBox1.Text),
            FlooringEstimates,
            Filter(
                FlooringEstimates,
                TextSearchBox1.Text in Text(Name)
            )
        ),
        Name,
        If(
            SortDescending1,
            SortOrder.Descending,
            SortOrder.Ascending
        )
    )
    

    Para más información acerca de las funciones de esta fórmula, consulte la referencia de las fórmulas.

  2. Haga doble clic en el cuadro de búsqueda y luego escriba parte o todo el nombre de un producto.

    Solo aparecen los elementos que cumplen con el criterio de filtro.

  3. Mientras presiona la tecla Alt, seleccione el icono de orden una o más veces para cambiar el orden de clasificación.

    Los registros alternan entre el orden alfabético ascendente y descendente según el nombre del producto.

Resalte el elemento seleccionado

Seleccione la propiedad TemplateFill del control Gallery de una fórmula que sea similar a este ejemplo, pero puede especificar diferentes colores si lo desea:

If(ThisItem.IsSelected, LightCyan, White)

Cambio de la elección predeterminada

En la propiedad Default del control Gallery, especifique el registro que desea que se seleccione de manera predeterminada. Por ejemplo, puede especificar 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.

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).