Vis en liste over elementer i PowerAppsShow a list of items in PowerApps

Få vist en liste over elementer fra en vilkårlig datakilde ved at føje et Gallery-kontrolelement til din app.Show a list of items from any data source by adding a Gallery control to your app. I dette emne bruges Excel som datakilde.This topic uses Excel as the data source. Filtrér listen ved at konfigurere kontrolelementet Gallery (Galleri), så kun de elementer, der matcher filterkriterierne i et Text input-kontrolelement, vises.Filter the list by configuring the Gallery control to show only those items that match the filter criterion in a Text input control.

ForudsætningerPrerequisites

  1. Åbn PowerApps, og klik eller tryk derefter på New (Ny) tæt på skærmens venstre kant.Open PowerApps, and then click or tap New near the left edge.
  2. Klik eller tryk på Phone layout (Telefonlayout) i feltet Blank app (Tom app).On the Blank app tile, click or tap Phone layout.
  3. I dialogboksen Welcome to PowerApps Studio (Velkommen til PowerApps Studio) skal du klikke eller trykke på Skip (Spring over).In the Welcome to PowerApps Studio dialog box, click or tap Skip.
  4. Føj en forbindelse til tabellen FlooringEstimates i Excel-filen.Add a connection to the FlooringEstimates table in the Excel file.
  5. (valgfrit) Føj et Gallery-kontrolelement til standardskærmen ved at klikke eller trykke på fanen Insert (Indsæt), klikke eller trykke på Gallery (Galleri) og derefter klikke eller trykke på et Gallery-kontrolelement, der er tomt (blank), eller som indeholder et standardsæt af kontrolelementer.(optional) Add a Gallery control to the default screen by clicking or tapping the Insert tab, clicking or tapping Gallery, and then clicking or tapping a Gallery control that's empty (blank) or that contains a default set of controls.

    Disse indstillinger omfatter Gallery-kontrolelementer, der ruller vandret eller lodret.These options include Gallery controls that scroll horizontally or vertically. Du kan også tilføje et Gallery-kontrolelement, hvis størrelse automatisk baseres på mængden af indhold i hvert enkelt element.You can also add a Gallery control that automatically bases its size on the amount of content in each item.

    Tilføj galleri

  6. Klik eller tryk på New screen (Ny skærm) under fanen Home (Startside).On the Home tab, click or tap New screen.

    Du kan tilføje en skærm, der er tom, der ruller, der indeholder et Galleri-kontrolelement, eller som indeholder en formular.You can add a screen that's empty, that scrolls, that contains a Gallery control, or that contains a form.

  7. Klik eller tryk på List screen (Listeskærmbillede) for at tilføje en skærm, der indeholder et Gallery-kontrolelement og andre kontrolelementer som f.eks. en søgelinje.Click or tap List screen to add a screen that contains a Gallery control and other controls such as a search bar.

    Bemærk! Uanset om du føjer et Gallery-kontrolelement til en ny eller eksisterende skærm, kan du klikke eller trykke nederst i Gallery-kontrolelementet for at markere det, klikke eller trykke på Flooring Estimates i højre rude og derefter klikke eller trykke på et andet layout i ruden Data.Note: Whether you add a Gallery control to a new screen or an existing one, you can click or tap near the bottom of the Gallery control to select it, click or tap Flooring Estimates in the right-hand pane, and then click or tap a different layout in the Data pane. Behold standardlayoutet for dette selvstudium.For this tutorial, leave the default layout.

    Vælg gallerilayout

  8. Klik eller tryk på Gallery-kontrolelementet i skærmen, som du lige har tilføjet.Click or tap the Gallery control in the screen that you just added.
  9. Klik eller tryk på CustomGallerySample under fanen Properties (Egenskaber) i højre rude.On the Properties tab of the right-hand pane, click or tap CustomGallerySample.
  10. Klik eller tryk på CustomGallerySample i ruden Data, og klik eller tryk derefter på FlooringEstimates.In the Data pane, click or tap CustomGallerySample, and then click or tap FlooringEstimates.

    Vælg datakilde

    Kontrolelementet Gallery (Galleri) viser eksempeldataene.The Gallery control shows the sample data.

    Vis data

    Du skal konfigurere sortering og søgning senere i dette emne.You'll configure sort and search later in this topic.

Før du foretager nogen form for tilpasning, skal du beslutte dig for et layout af Gallery-kontrolelementet.Before you do any customization, decide on a Gallery control layout. Det første sæt kontrolelementer i et Gallery-kontrolelement er den skabelon, der bestemmer, hvordan alle data i Gallery-kontrolelementet vises.The first set of controls in a Gallery control is the template, which determines how all data in the Gallery control appears.

  1. Vælg skabelonen ved at klikke eller trykke nederst i Gallery-kontrolelementet, og klik eller tryk derefter på blyantsikonet i øverste venstre hjørne.Select the template by clicking or tapping near the bottom of the Gallery control and then clicking or tapping the pencil icon in the upper-left corner.

    Rediger galleriskabelonen

  2. Mens skabelonen stadig er markeret, skal du tilføje et Label-kontrolelement og derefter flytte og tilpasse størrelsen på det, så det ikke overlapper andre kontrolelementer i skabelonen.With the template still selected, add a Label control, and then move and resize it so that it doesn't overlap with other controls in the template.

    Tilføj etiket

  3. Åbn ruden Data ved at vælge skabelonen og derefter klikke eller trykke på Flooring Estimates i ruden til højre.Open the Data pane by selecting the template and then clicking or tapping Flooring Estimates in the right-hand pane.
  4. Markér den etiket, du har tilføjet tidligere i denne procedure, og åbn derefter den fremhævede liste i ruden Data.Select the label that you added earlier in this procedure, and then open the highlighted list in the Data pane.

    Åbn rulleliste

  5. Klik eller tryk i denne liste på Price (Pris).In that list, click or tap Price.

    Ret etiketbinding

    Kontrolelementet Gallery (Galleri) viser de nye værdier.The Gallery control shows the new values.

Endeligt galleri

Egenskaben Items (Elementer) for et Gallery-kontrolelement bestemmer, hvilke elementer der vises.The Items property of a Gallery control determines which items it shows. I denne procedure skal du konfigurere egenskaben, så kontrolelementet Gallery (Galleri) kun viser de elementer, som produktnavnet indeholder teksten for i TextSearchBox1.In this procedure, you configure that property so that the Gallery control shows only those items for which the product name contains the text in TextSearchBox1.

Søgefeltet Text (Tekst)

  1. Vælg kontrolelementet Gallery (Gallery) ved at klikke eller trykke nederst i kontrolelementet.Select the Gallery control by clicking or tapping near the bottom of that control.
  2. Under fanen Advanced (Avanceret) skal du angive egenskaben Items (Elementer) for kontrolelementet Gallery (Galleri) til denne formel:On the Advanced tab, set the Items property of the Gallery control to this formula:

    If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name)))If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name)))

    Du kan finde yderligere oplysninger om funktionerne i denne formel i formelreferencen.For more information about the functions in this formula, see the formula reference.

  3. Skriv hele eller dele af et produktnavn i søgefeltet.Type part or all of a product name in the search box.

    Kontrolelementet Gallery (Galleri) viser kun de elementer, der opfylder filterkriterierne.The Gallery control shows only those items that meet the filter criterion.

Egenskaben Items (Elementer) for et Gallery-kontrolelement bestemmer, hvilke elementer der vises.The Items property of a Gallery control determines the order in which it shows items. I denne procedure skal du konfigurere egenskaben, så Gallery-kontrolelementet viser rækkefølgen af elementer som angivet i ImageSortUpDown1.In this procedure, you configure that property so that the Gallery control shows the order of items as set by ImageSortUpDown1.

Billede til sortering

  1. Angiv egenskaben Items (Elementer) for kontrolelementet Gallery (Galleri) til denne formel:Set the Items property of the Gallery control to this formula:

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

  2. Vælg sorteringsikonet for at ændre sorteringsrækkefølgen i kontrolelementet Gallery (Galleri) efter navnene på produkterne.Select the sort icon to change the sorting order of the Gallery control by the names of the products.

Sådan sorterer og filtrerer du kontrolelementet Gallery:To sort and filter your Gallery control:

  • Udskift begge instanser af DataSource (Datakilde) i denne formel med navnet på din datakilde.Replace both instances of DataSource in this formula with the name of your data source.
  • Udskift begge instanser af ColumnName (Kolonnenavn) med navnet på den kolonne, du vil sortere og filtrere efter.Replace both instances of ColumnName with the name of the column by which you want to sort and filter.

Sort(If(IsBlank(TextSearchBox1.Text), DataSource, Filter( DataSource, TextSearchBox1.Text in Text( ColumnName ))), ColumnName, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))Sort(If(IsBlank(TextSearchBox1.Text), DataSource, Filter( DataSource, TextSearchBox1.Text in Text( ColumnName ))), ColumnName, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

Fremhæv det valgte elementHighlight the selected item

Angiv Gallery-kontrolelementets TemplateFill-egenskab til en formel, der ligner dette eksempel:Set the Gallery control's TemplateFill property to a formula that's similar to this example:

If(ThisItem.IsSelected, LightCyan, White)If(ThisItem.IsSelected, LightCyan, White)

Rediger standardvalgetChange the default selection

Angiv Gallery-kontrolelementets Default-egenskab til den post, du vil vælge som standard.Set the Gallery control's Default property to the record that you want to select by default. Angiv f.eks. det femte element i datakilden FlooringEstimates:For example, specify the fifth item in the FlooringEstimates data source:

Last(FirstN(FlooringEstimates, 5))Last(FirstN(FlooringEstimates, 5))

I dette eksempel skal du angive det første element i kategorien Hardwood i datakilden FlooringEstimates:In this example, you specify the first item in the Hardwood category of the FlooringEstimates data source:

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

Næste trinNext steps