Freigeben über


Anzeigen einer Liste von Elementen in Canvas-Apps

Zeigen Sie eine Liste von Elementen aus einer beliebigen Datenquelle an, indem Sie Ihrer Canvas-App ein Galerie-Steuerelement hinzufügen. In diesem Thema wird Excel als Datenquelle verwendet. Filtern Sie die Liste, indem Sie das Katalogsteuerelement so konfigurieren, dass nur die Elemente angezeigt werden, die dem Filterkriterium in einem Texteingabesteuerelement entsprechen.

Voraussetzungen

  1. Wählen Sie auf der Registerkarte "Einfügen " die Option "Katalog" und dann " Vertikal" aus.

    Vertikale Galerie hinzufügen.

  2. Öffnen Sie auf der Registerkarte "Eigenschaften" im rechten Bereich die Liste "Elemente", und wählen Sie dann "Bodenbelagsschätzungen" aus.

    Bodenbelagschätzungen.

  3. (optional) Wählen Sie in der Layoutliste eine andere Option aus.

  1. Wählen Sie auf der Registerkarte StartNeuer Bildschirm>Bildschirmliste aus.

    Ein Bildschirm mit einem Katalogsteuerelement und anderen Steuerelementen, z. B. einer Suchleiste, wird angezeigt.

  2. Legen Sie die Items-Eigenschaft des Katalogs auf FlooringEstimates.

    Im Katalog-Steuerelement werden die Beispieldaten angezeigt.

    Daten anzeigen.

Bevor Sie andere Anpassungen vornehmen, stellen Sie sicher, dass das Layout für Ihr Katalogsteuerelement am ehesten dem gewünschten Entspricht. Von dort aus können Sie die Katalogvorlage weiter ändern, die bestimmt, wie alle Daten im Katalogsteuerelement angezeigt werden.

  1. Wählen Sie die Vorlage aus, indem Sie unten im Steuerelement Galerie klicken oder tippen und dann das Stiftsymbol in der oberen linken Ecke auswählen.

    Bearbeiten Sie die Galerievorlage.

  2. Wenn die Vorlage weiterhin ausgewählt ist, fügen Sie ein Bezeichnungssteuerelement hinzu und verschieben und ändern Sie dessen Größe, sodass es sich nicht mit anderen Steuerelementen in der Vorlage überlappt.

    Bezeichnung hinzufügen.

  3. Wählen Sie die Galerie aus und wählen Sie dann Bearbeiten neben Felder auf der Registerkarte Eigenschaften im rechten Bereich aus.

  4. Wählen Sie die Bezeichnung aus, die Sie weiter oben in diesem Verfahren hinzugefügt haben, und öffnen Sie dann die hervorgehobene Liste im Datenbereich .

    Öffnen Sie die Dropdownliste.

  5. Klicken oder tippen Sie in dieser Liste auf "Preis".

    Das Galerie-Steuerelement zeigt die neuen Werte an.

    Endgültiger Katalog.

Die Items-Eigenschaft eines Galerie-Steuerelements bestimmt, welche Elemente angezeigt werden. In diesem Verfahren konfigurieren Sie diese Eigenschaft so, dass sie auch bestimmt, welche Datensätze basierend auf Filterkriterien und in welcher Reihenfolge angezeigt werden.

Suchfeld und Sortiersymbol.

  1. Legen Sie die Items-Eigenschaft des Gallery-Steuerelements auf diese Formel fest:

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

    Weitere Informationen zu den Funktionen in dieser Formel finden Sie in der Formelreferenz.

  2. Doppelklicken Sie auf das Suchfeld, und geben Sie dann einen Teil oder einen Produktnamen ein.

    Nur die Elemente, die das Filterkriterium erfüllen, werden angezeigt.

  3. Wählen Sie beim Drücken der ALT-TASTE das Sortiersymbol ein oder mehrere Male aus, um die Sortierreihenfolge zu wechseln.

    Die Datensätze wechseln basierend auf dem Produktnamen zwischen aufsteigender und absteigender alphabetischer Reihenfolge.

Markieren des ausgewählten Elements

Legen Sie die TemplateFill-Eigenschaft des Gallery-Steuerelements auf eine Formel fest, die diesem Beispiel ähnelt, aber Sie können bei Bedarf unterschiedliche Farben angeben:

If(ThisItem.IsSelected, LightCyan, White)

Ändern der Standardauswahl

Legen Sie die Standardeinstellung des Galerie-Steuerelements auf den Datensatz fest, den Sie standardmäßig auswählen möchten. Sie können beispielsweise das fünfte Element in der Datenquelle FlooringEstimates angeben:

Index(FlooringEstimates, 5)

In diesem Beispiel geben Sie das erste Element in der Kategorie "Hardwood " der Datenquelle FlooringEstimates an:

LookUp(FlooringEstimates, Kategorie = "Massivholz")

Nächste Schritte

Erfahren Sie, wie Sie mit Formularen und Formeln arbeiten.