Zobrazenie zoznamu položiek v PowerAppsShow a list of items in PowerApps

Zobrazte zoznam položiek z ľubovoľného zdroja údajov pridaním ovládacieho prvku Galéria do plátnovej aplikácie.Show a list of items from any data source by adding a Gallery control to your canvas app. Túto tému používa ako zdroj údajov Excel.This topic uses Excel as the data source. Zoznam môžete filtrovať nakonfigurovaním ovládacieho prvku Galéria tak, aby zobrazoval iba tie položky, ktoré spĺňajú kritéria filtra v ovládacom prvku Textový vstup.Filter the list by configuring the Gallery control to show only those items that match the filter criterion in a Text input control.

PožiadavkyPrerequisites

  • Prečítajte si, ako pridať a konfigurovať ovládací prvok v PowerApps.Learn how to add and configure a control in PowerApps.

  • Nastavenie vzorových údajov:Set up the sample data:

    1. Stiahnite si tento excelový súbor, ktorý obsahuje vzorové údaje k tomuto kurzu.Download this Excel file, which contains sample data for this tutorial.

    2. Excelový súbor nahrajte do účtu cloudového úložiska, ako je napríklad OneDrive for Business.Upload the Excel file to a cloud-storage account, such as OneDrive for Business.

  • Otvorenie prázdnej aplikácie:Open a blank app:

    1. Prihláste sa do služby PowerApps.Sign in to PowerApps.

    2. V časti Vytvorte svoju vlastnú aplikáciu vyberte položku Plátnová aplikácia z prázdnej.Under Make your own app, select Canvas app from blank.

    3. Zadajte názov svojej aplikácie, vyberte položku Telefón a potom vyberte možnosť Vytvoriť.Specify a name for your app, select Phone, and then select Create.

    4. Ak sa zobrazí dialógové okno Vitajte v aplikácii PowerApps Studio, vyberte možnosť Preskočiť.If the Welcome to PowerApps Studio dialog box appears, select Skip.

    5. K tabuľke FlooringEstimates v excelovom súbore pridajte pripojenie.Add a connection to the FlooringEstimates table in the Excel file.

  1. Na vložiť kartu, vyberte možnosť galérie, a potom vyberte položku zvislé.On the Insert tab, select Gallery, and then select Vertical.

    Pridanie zvislej galérie

  2. Na vlastnosti karta v pravej table Otvorte položky zoznam, a potom vyberte Flooring Estimates.On the Properties tab of the right-hand pane, open the Items list, and then select Flooring Estimates.

    Poskytuje odhad podláh

  3. (voliteľné) V rozloženie zoznam, vyberte inú možnosť.(optional) In the Layout list, select a different option.

  1. Na domov kartu, vyberte možnosť novú obrazovku > obrazovka so zoznamom.On the Home tab, select New screen > List screen.

    Obrazovka, ktorá obsahuje galérie ovládacieho prvku a ďalšie ovládacie prvky, ako je napríklad panel hľadania sa zobrazí.A screen that contains a Gallery control and other controls, such as a search bar, appears.

  2. Nastavte vlastnosť Items galérie na hodnotu FlooringEstimates.Set the gallery's Items property to FlooringEstimates.

    Ovládací prvok Galéria zobrazí vzorové údaje.The Gallery control shows the sample data.

    Zobrazenie údajov

Skôr než vykonáte akékoľvek iné prispôsobenia, skontrolujte, či rozloženie pre vaše galérie ovládacieho prvku najviac zhoduje s tým, čo chcete.Before you do any other customization, ensure that the layout for your Gallery control most closely matches what you want. Odtiaľ môžete ďalej upravovať galérie šablónu, ktorá určuje, ako všetky údaje v galérie ovládací prvok sa zobrazí.From there, you can further modify the Gallery template, which determines how all data in the Gallery control appears.

  1. Vyberte šablónu kliknutím alebo ťuknutím do dolnej časti galérie ovládací prvok a potom vyberiete ikonu ceruzky v jeho ľavom hornom rohu.Select the template by clicking or tapping near the bottom of the Gallery control and then selecting the pencil icon in its upper-left corner.

    Úprava šablóny galérie

  2. Keď je šablóna stále vybratá, pridajte ovládací prvok Označenie a potom ho presuňte a zmeňte jeho veľkosť tak, aby neprekrýval iné ovládacie prvky v šablóne.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.

    Pridanie označenia

  3. Vyberte galériu, a potom vyberte položku upraviť vedľa polia na vlastnosti kartu na pravej table.Select the gallery, and then select Edit next to Fields on the Properties tab of the right-hand pane.

  4. Vyberte predtým pridané označenie a potom otvorte zvýraznený zoznam na table Data.Select the label that you added earlier in this procedure, and then open the highlighted list in the Data pane.

    Otvorenie rozbaľovacieho zoznamu

  5. V tomto zozname kliknite alebo ťuknite na možnosť Price.In that list, click or tap Price.

    Ovládací prvok Galéria zobrazí nové hodnoty.The Gallery control shows the new values.

    Konečná verzia galérie

Vlastnosť Items ovládacieho prvku Galéria určuje, ktoré položky sa zobrazia.The Items property of a Gallery control determines which items it shows. V tomto postupe môžete túto vlastnosť nakonfigurovať tak, aby ho tiež určuje záznamy, ktoré sa zobrazia založené na kritériách filtra a v akom poradí.In this procedure, you configure that property so that it also determines which records appear based on filter criteria and in what order.

Pole a zoraďovanie ikonu vyhľadávania

  1. Nastavte vlastnosť Items ovládacieho prvku Galéria na tento vzorec: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
        )
    )
    

    Ďalšie informácie o funkciách tohto vzorca nájdete v článku Referenčné informácie k vzorcom.For more information about the functions in this formula, see the formula reference.

  2. Dvakrát kliknite na položku do vyhľadávacieho poľa a potom zadajte časť alebo celý názov produktu v ňom.Double-click the search box, and then type part or all of a product name in it.

    Zobrazia sa iba tie položky, ktoré spĺňajú kritéria filtra.Only those items that meet the filter criterion appear.

  3. Počas stlačenia klávesu Alt, vyberte ikonu zoradenia jedenkrát alebo viackrát na prepnutie poradia zoradenia.While pressing the Alt key, select the sort icon one or more times to switch the sort order.

    Záznamy prepínať medzi vzostupným a zostupným abecedne podľa názvu produktu.The records toggle between ascending and descending alphabetical order based on the product name.

Zvýraznenie vybratej položkyHighlight the selected item

Nastaviť galérie ovládacieho prvku TemplateFill na vzorec, ktorý je podobne ako v tomto príklade, ale môžete zadať rôzne farby, ak chcete, aby:Set the Gallery control's TemplateFill property to a formula that's similar to this example, but you can specify different colors if you want:

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

Zmena predvoleného výberuChange the default selection

Nastavte vlastnosť Default ovládacieho prvku Galéria na záznam, ktorý chcete predvolene vybrať.Set the Gallery control's Default property to the record that you want to select by default. Napríklad, môžete zadať piatu položku v FlooringEstimates zdroja údajov:For example, you can specify the fifth item in the FlooringEstimates data source:

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

V tomto príklade určíte zo zdroja údajov FlooringEstimates prvú položku v kategórii Hardwood: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"))

Ďalšie krokyNext steps

Naučte sa pracovať s formulármi a vzorcami.Learn how to work with forms and formulas.