Visa en lista med objekt från någon datakälla genom att lägga till ett galleri i din app. Det här avsnittet använder Excel som datakälla. Filtrera listan genom att konfigurera galleriet så att endast objekt som motsvarar filterkriterierna visas i textinmatningkontrollen.

Förutsättningar

Lägga till ett galleri

  1. I PowerApps Studio klickar eller trycker du på Nytt nära skärmens vänstra kant.

  2. På panelen Tom app klickar du på eller trycker på Layout för mobil.

  3. Lägg till en anslutning till tabellen FlooringEstimates i Excel-filen.

  4. (valfritt) Lägg till ett galleri på skärmen standard genom att klicka eller trycka på den fliken Infoga eller klicka eller trycka på fliken Galleri. Klicka eller tryck sedan på ett galleri som är tomt (tom) eller som innehåller en standarduppsättning kontroller.

    Dessa alternativ inkluderar alternativ som kan rullas vågrätt eller lodrätt. Du kan också lägga till ett galleri som baserar sin storlek automatiskt på mängden innehåll i varje objekt.

    Lägg till galleri

  5. På fliken Start klickar eller trycker du på Ny skärm.

    Du kan lägga till en skärm som är tom, som rullar, som innehåller ett galleri eller som innehåller ett formulär.

  6. Klicka på eller tryck på Listskärmen för att lägga till en skärm som innehåller ett galleri och andra kontroller, till exempel ett sökfält.

    Observera: Om du lägger till ett galleri i ett nytt fönster eller ett befintligt, kan du klicka eller trycka längst ned i galleriet och välja en annan layout i den högra rutan. I den här kursen låter vi standardlayouten vara.

    Välj gallerilayout

  7. I den högra rutan klickar eller trycker du på datakällor och sedan på Golvläggningsoffert.

    Välj datakälla

    Galleriet visar exempelvärdena.

    Visa data

    Du konfigurerar sökning och sortering längre fram i avsnittet.

Lägga till en kontroll i galleriet

Välj en gallerilayout innan du gör någon anpassning. Den första uppsättningen kontroller i ett galleri är den mall som avgör hur alla data i galleriet visas.

  1. Välj mallen genom att klicka eller trycka längst ned i galleriet och sedan klicka eller peka på pennikonen i det övre vänstra hörnet i galleriet.

    Redigera gallerimall

  2. Lägg till en etikettkontroll till gallerimallen och flytta och ändra storlek på den nya kontrollen så att den inte överlappar andra kontroller i mallen.

    Lägg till etikett

  3. Med etikettkontrollen fortfarande markerad, öppnar du den markerade listan i den högra rutan.

    Öppna listrutan

  4. Klicka eller tryck på Pris i listan med fält som du öppnade.

    Ändra etikettbindning

    Galleriet visar de nya värdena

    Slutgalleri

Filtrera galleriet

Egenskapen Objekt för ett galleri avgör vilka objekt som visas. I den här proceduren konfigurerar du egenskapen så att galleriet bara visar de objekt vars produktnamn innehåller text i TextSearchBox1.

Textruta för sökning

  1. Ställ in galleriets egenskap Items på följande formel:

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

    Mer information om funktionerna i formeln finns i formelreferensen.

  2. Skriv hela eller delar av ett produktnamn i sökrutan.

    Galleriet visar bara de objekt som uppfyller filterkriterierna.

Sortera galleriet

Egenskapen Objekt för ett galleri i vilken ordning objekten visas. I den här proceduren konfigurerar du egenskapen så att galleriet visar ordningen på objekten som angetts i ImageSortUpDown1.

Bild för sortering

  1. Ställ in galleriets egenskap Items på följande formel:

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

  2. Välj sorteringsikonen för att sortera galleriet enligt produktnamn.

Sortera och filtrera galleriet och ersätt bägge förekomsterna av DataSource i den här formeln med namnet på datakällan och ersätt båda förekomsterna av ColumnName med namnet på kolumnen som du vill sortera och filtrera.

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

Markera det valda objektet

Ange en formel liknande den i följande exempel för galleriets egenskap TemplateFill:

If(ThisItem.IsSelected, LightCyan, White)

Ändra standardurvalet

Ställ in galleriets egenskap Default på den post som du vill välja som standard. Du kan t.ex. ange det femte objektet i datakällan FlooringEstimates:

Last(FirstN(FlooringEstimates, 5))

I det här exemplet anger du det första objektet i kategorin Hardwood för datakällan FlooringEstimates:

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

Nästa steg