Afficher une liste d'éléments dans Power Apps

Affichez une liste d'éléments à partir de n'importe quelle source de données en ajoutant un contrôle Gallery à votre application canevas. Cette rubrique utilise une source de données Excel. Filtrez la liste en configurant le contrôle Gallery de manière à afficher uniquement les éléments qui répondent au critère de filtre dans un contrôle Text input.

Conditions préalables

  • Découvrez comment ajouter et configurer un contrôle dans Power Apps.

  • Configurez l'exemple de données :

    1. Téléchargez ce fichier Excel, qui contient des exemples de données pour ce didacticiel.

    2. Chargez ce fichier dans un compte de stockage cloud, tel que OneDrive Entreprise.

  • Ouvrez une application vide :

    1. Connectez-vous à Power Apps.

    2. Sous Créer ma propre application, sélectionnez Application canevas à partir de rien.

    3. Spécifiez un nom pour votre application, sélectionnez Téléphone, puis sélectionnez Créer.

    4. Si la boîte de dialogue Bienvenue dans Power Apps Studio s'affiche, sélectionnez Ignorer.

    5. Ajoutez une connexion à la table FlooringEstimates dans le fichier Excel.

  1. Sous l'onglet Insertion, sélectionnez Galerie, puis Verticale.

    Ajouter une galerie verticale

  2. Sur l'onglet Propriétés dans le volet de droite, ouvrez la liste Items, puis sélectionnez Flooring Estimates.

    Flooring estimates

  3. (En option) Dans la liste Disposition, sélectionnez une autre option.

  1. Sur l'onglet Accueil, sélectionnez Nouvel écran > Écran liste.

    Un écran qui contient un contrôle de type Gallery et d'autres contrôles, tels qu'une barre de recherche, s'affiche.

  2. Définissez la propriété Items de la galerie sur FlooringEstimates.

    Le contrôle Gallery affiche l'exemple de données.

    Afficher les données

Avant de procéder à toute autre personnalisation, assurez-vous que la mise en page de votre contrôle Gallery corresponde le mieux à ce que vous voulez. À partir de là, vous pouvez modifier le modèle Gallery, qui détermine comment toutes les données du contrôle Gallery apparaissent.

  1. Sélectionnez le modèle en cliquant ou en appuyant dans le bas du contrôle Gallery, puis en sélectionnant l'icône de crayon dans le coin supérieur gauche.

    Modification d'un modèle de galerie

  2. Le modèle étant toujours sélectionné, ajoutez un contrôle Label, puis déplacez et redimensionnez le contrôle afin qu'il ne chevauche pas d'autres contrôles dans le modèle.

    Ajouter une étiquette

  3. Sélectionnez la galerie, puis Modifier en regard des Champs sur l'onglet Propriétés dans le volet de droite.

  4. Sélectionnez l'étiquette que vous avez ajoutée précédemment dans cette procédure, puis ouvrez la liste en surbrillance dans le volet Données.

    Ouvrir la liste déroulante

  5. Dans cette liste, cliquez ou appuyez sur Price.

    Le contrôle Gallery affiche les nouvelles valeurs.

    Galerie finale

La propriété Items d'un contrôle Gallery détermine les éléments qu'il doit afficher. Dans cette procédure, vous configurez cette propriété afin qu'elle détermine également quels enregistrements apparaissent en fonction des critères de filtrage et dans quel ordre.

Zone de recherche et icône de tri

  1. Définissez la propriété Items du contrôle Gallery sur la formule suivante :

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

    Pour plus d'informations sur les fonctions de cette formule, consultez les informations de référence sur les formules.

  2. Double-cliquez sur la zone de recherche, puis saisissez-y une partie ou la totalité d'un nom de produit.

    Seuls les éléments qui répondent au critère de filtre apparaissent.

  3. Tout en appuyant sur la touche Alt, sélectionnez l'icône de tri une ou plusieurs fois pour changer l'ordre de tri.

    Les enregistrements basculent entre l'ordre alphabétique croissant et décroissant en fonction du nom du produit.

Mettre en surbrillance l'élément sélectionné

Définissez la propriété TemplateFill du contrôle Gallery sur une formule similaire à cet exemple, mais vous pouvez spécifier différentes couleurs si vous le souhaitez :

If(ThisItem.IsSelected, LightCyan, White)

Modifier la sélection par défaut

Définissez la propriété Default du contrôle Gallery sur l'enregistrement que vous souhaitez sélectionner par défaut. Par exemple, spécifiez le cinquième élément de la source de données FlooringEstimates :

Last(FirstN(FlooringEstimates, 5))

Dans cet exemple, spécifiez le premier élément de la catégorie Hardwood de la source de données FlooringEstimates :

First(Filter(FlooringEstimates, Category = "Hardwood"))

Étapes suivantes

Découvrez comment utiliser les formulaires et les formules.