Vytvorte a aktualizujte kolekciu vo svojej aplikáciiCreate and update a collection in your app

Použite kolekciu na uloženie údajov, ktoré môžete použiť vo svojej aplikácii.Use a collection to store data that can be used in your app. Kolekcia je skupina položiek, ktoré sú podobné.A collection is a group of items that are similar. Môžete napríklad vytvoriť kolekciu MyImages, v ktorej sú uložené všetky obrázky produktov predávaných vašou spoločnosťou.For example, you create a MyImages collection that stores all the product images your company sells. V službe PowerApps môžete pridať kolekciu MyImages a vytvoriť aplikáciu, ktorá zobrazí všetky obrázky týchto produktov.Within PowerApps, you can add your MyImages collection and create an app that displays all the pictures of these products. V ďalšom príklade môžete vytvoriť kolekciu PriceList, ktorá uvádza produkty a ich ceny.In another example, you can create a PriceList collection that lists the products and the price of each product.

Môžete vytvoriť a použiť kolekcie v službe PowerApps.You can create and use collections within PowerApps. Začnime.Let's get started.

PredpokladyPrerequisites

  • Zaregistrujte sa do PowerApps a potom sa prihláste pomocou rovnakých poverení, ktoré ste použili pri registrácii.Sign up for PowerApps, and then sign in by providing the same credentials that you used to sign up.
  • Vytvorte aplikáciu alebo otvorte existujúcu aplikáciu v PowerApps.Create an app or open an existing app in PowerApps.
  • Prečítajte si, ako konfigurovať ovládací prvok v PowerApps.Learn how to configure a control in PowerApps.
  • Tieto kroky využívajú ako vzorové vstupné údaje súbor PriceList.zip.These steps use the PriceList.zip file as sample input data. Tento súbor ZIP obsahuje súbor XML, ktorý je možné previesť do programu Excel.The zip file includes an XML file that can be converted to Excel. Inak služba PowerApps automaticky načíta súbory v súboroch ZIP a úspešne ich importuje.Otherwise, PowerApps automatically reads the files in the .zip files and imports it successfully. Tieto vzorové údaje si môžete stiahnuť a použiť, prípadne môžete importovať vlastné.You can download and use this sample data, or import your own.

Vytvorenie kolekcie s jedným stĺpcomCreate a single-column collection

Nasledovné kroky ukazujú, ako vytvoriť kolekciu v aplikácii pomocou funkcie zhromaždenia a ako do nej pridávať položky.The following steps show you how to create a collection within your app using the Collect function, and how to add items to your collection.

  1. Otvorte aplikáciu.Open your app.

  2. Na karte Vloženie vyberte možnosť Text a potom položku Textový vstup:On the Insert tab, select Text, and then select Text input:
    1

  3. V ľavom hornom rohu vyberte možnosť Text1 a premenujte ovládací prvok na Cieľ:In the top left corner, select Text1, and rename the control to Destination:
    2

  4. Na karte Vloženie vyberte položku Tlačidlo a pridajte tak ovládací prvok tlačidla do návrhára.On the Insert tab, select Button to add a button control to your designer. V rozbaľovacom zozname je uvedená vlastnosť OnSelect.From the drop-down list, the OnSelect property is listed. Nastavte ju na nasledujúcu funkciu:Set it to the following function:

    Collect(Destinations, Destination!Text)

    Malo by to vyzerať takto:It should look like the following:
    3

  5. Vyberte text tlačidla a zadajte text Pridať:Select the button text, and enter Add:
    5

  6. Vyberte tlačidlo Pridať a presuňte ho pod ovládací prvok textu.Select the Add button, and move it under your text control. Môžete ho premiestniť kamkoľvek:You can move it anywhere:
    6

Vykonaním týchto krokov ste použili funkciu zhromaždenia na vytvorenie kolekcie s názvom Ciele.In these steps, you used the Collect function to create a collection named Destinations. Pridali ste tiež ovládací prvok tlačidla, po ktorého výbere sa pridajú nové položky do kolekcie.You also added a button control and when selected, adds new items to your collection. Teraz sa pozrite, čo ste vytvorili:Now, see what you created:

  1. Vyberte položku Zobraziť ukážku:Select Preview:
    7
  2. Do poľa zadajte názov mesta a potom vyberte tlačidlo Pridať.Type a city name into the box, and then select the Add button.
  3. Zadajte niekoľko ďalších názvov miest a zakaždým vyberte tlačidlo Pridať.Enter some additional city names and select the Add button each time.
  4. Stlačením klávesu Esc klávesu zatvorte okno s ukážkou.Press the Esc key to close the Preview window.
  5. Pozrite si kolekciu cieľov a textové hodnoty, ktoré ste zadali.See the Destinations collection and the text values you entered. Na karte Súbor vyberte položku Kolekcie.On the File tab, select Collections. Zadaný text je uvedený v zozname:The text you entered is listed:
    8

Ďalší kreditExtra credit

Teraz pridružme kolekciu Ciele k zoznamu:Now, let's bind the Destinations collection to a listbox:

  1. Prejdite späť do návrhára.Go back to your designer.

  2. Na karte Vloženie vyberte možnosť Ovládacie prvky a potom položku Zoznam:On the Insert tab, select Controls, and then select ListBox:
    22

  3. Zoznam premiestnite, aby ste ho ľahko videli.Move the listbox so you can easily see it. Nastavte jeho vlastnosť Items na nasledujúci výraz:Set its Items property to the following expression:
    Destinations!Value

    Po vykonaní tohto kroku sa zoznam automaticky vyplní položkami, ktoré ste predtým zadali v kolekcii Ciele:When you do this, the listbox is automatically populated with the items you previously entered in the Destinations collection:
    4

Zobrazte si ukážku zmien: 7.Preview your changes: 7. V zozname vidíte rôzne mestá, ktoré ste zadali.In the listbox, you can see the different cities you entered. V ovládacom prvku textového vstupu zadajte nové mesto a vyberte tlačidlo Pridať.In the text-input control, enter a new city, and select the Add button. Zoznam sa automaticky aktualizuje a bude zahŕňať nové mesto, ktoré ste zadali.The listbox is automatically updated to include the new city you entered.

Vytvorenie kolekcie s viacerými stĺpcamiCreate a multi-column collection

Nasledovné kroky uvádzajú, ako vytvoriť kolekciu v aplikácii pomocou funkcie zhromaždenia a ako do nej pridať viacero riadkov.The following steps show you how to create a collection within your app using the Collect function, and how to add multiple rows to your collection.

  1. Na karte Domov otvorte novú obrazovku.On the Home tab, open a new screen.

  2. Na karte Vloženie vyberte možnosť Text a potom položku Textový vstup.On the Insert tab, select Text, and then select Text input.

  3. Premenujte ovládací prvok textu na Mesto:Rename the text control to City:
    9

  4. Vložte ďalší ovládací prvok textu a premenujte ho na Štáty.Insert another text-input control, and rename it to States.

  5. Premiestnite ovládacie prvky textu Mesto a Štáty, aby ste obidve videli:Move the City and States text controls so you can see them both:
    10

    Poznámka

    Textový vstup môžete nahradiť napríklad prvkom Mesto alebo Štát (ako na obrázku).You can replace 'Text Input' with something like 'City' or 'State', which was done in the image.

  6. Na karte Vloženie vyberte položku Tlačidlo.On the Insert tab, select Button. Nastavte jej vlastnosť OnSelect na nasledujúce funkcie:Set its OnSelect property to the following function:
    Collect(Destinations, {Cities:City!Text, States:States!Text})

    Malo by to vyzerať takto:It should look like the following:
    11

    Poznámka

    Ak chcete pridať ďalšie stĺpce do tejto kolekcie môžete použiť túto istú funkciu.You can use this same function to add additional columns to this collection. Môžete si napríklad pridať ďalší ovládací prvok textu pre krajinu, aby ste mohli pridať stĺpec Krajiny:For example, you can add another text-input control for Country to add a Countries column:

    Collect(Destinations, {Cities:City!Text, States:States!Text}, {Countries:Country!Text})

  7. Premenujte ovládací prvok tlačidla AddCityStateButton a nastavte jeho vlastnosť Text na Pridať mesto alebo štát:Rename the button control AddCityStateButton, and set its Text property to Add City and State:
    12

V týchto krokoch ste pridali stĺpce Mestá a Štáty do kolekcie Ciele.In these steps, you added a Cities column and a States column to the Destinations collection. Ovládací prvok tlačidla pridá tieto nové položky textu do kolekcie.The button control adds these new text items to your collection. Teraz sa pozrite, čo ste vytvorili:Now, see what you created:

  1. Vyberte položku Zobraziť ukážku:Select Preview:
    7
  2. Zadajte text do polí Mesto a Štát a potom vyberte tlačidlo Pridať mesto a štát.Type some text into the City and State boxes, and then select the Add City and State button.
  3. Pridajte niekoľko ďalších miest a štátov.Add a few more cities and states.
  4. Stlačením klávesa Esc zatvorte okno s ukážkou.Press the Esc key to close the Preview window.
  5. Ak chcete zobraziť položky, ktoré pridali do kolekcie Ciele, vyberte kartu Súbor a potom položku Kolekcie:To see the items you added to the Destinations collection, select the File tab, and then select Collections:
    13

Pridanie stĺpcov do kolekcieAdd columns to a collection

Tento návod obsahuje niekoľko častí.There are a few sections in this walk-through. Po dokončení budete vedieť, ako importovať údaje do kolekcie, vytvoriť galériu zobrazujúcu údaje v cenníku a používať ovládací prvok jazdca, ktorý určuje množstvo produktu.When complete, you'll know how to import data into your collection, create a gallery that shows data in a price list, and use a slider control that determines the quantity of a product.

Importovanie cenníka a vytvorenie kolekcieImport the price list and create the collection

  1. Stiahnite si súbor PriceList vo formáte zip.Download the PriceList zip file.

  2. Na karte Domov pridajte novú obrazovku.On the Home tab, add a new screen.

  3. Na karte Vloženie vyberte možnosť Ovládacie prvky a potom položku Importovať:On the Insert tab, select Controls, and then select Import:
    14

  4. Na karte Akcie vyberte položku OnSelect.On the Action tab, select OnSelect. Zadajte nasledujúcu funkciu:Enter the following function:

    Collect(PriceList, Import1!Data)

  5. Zobrazte si ukážku aplikácie.Preview your app. Vyberte tlačidlo Importovať údaje, potom súbor PriceList.zip a nakoniec možnosť Otvoriť.Select the Import Data button, select the PriceList.zip file, and select Open.

  6. Zatvorte okno s ukážkou.Close the Preview window.

  7. Na karte Súbor vyberte položku Kolekcie.Select the File tab, and select Collections. Importované položky PriceList sú uvedené v zozname:The PriceList items you imported are listed:
    15

  1. Prejdite späť do návrhára.Go back to your designer.

  2. Na karte Vloženie vyberte položku Galéria, posuňte zobrazenie na položku Vlastné kolekcie a potom vyberte položku Portrét:On the Insert tab, select Gallery, scroll down to Custom Galleries, and then select Portrait:
    16

  3. Premenujte galériu na PriceGallery a vlastnosť Items nastavte na PriceList:Rename the gallery to PriceGallery and set the Items property to PriceList:
    18

  4. Premiestnite galériu PriceList pod ovládací prvok Importovať údaje.Move the PriceList gallery below the Import Data control. Vyberte orámovanie galérie a kliknutím a presunutím zmeňte veľkosť galérie tak, aby sa zobrazovali tri štvorce.Select the gallery borders and use click-and-drag to resize the gallery so three squares are shown.

  5. V galérii vyberte prvý štvorec a pridajte tri štítky (karta Vloženie > Označiť).In the gallery, select the first square, and add three labels (Insert tab > Label).

  6. Zmeňte veľkosť a usporiadajte štítky do radu v blízkosti prvého štvorca.Resize and arrange the labels in a row near the top of the first square. Galéria bude vyzerať približne takto:Your gallery looks similar to the following:
    19

  7. Nastavte vlastnosť Text jednotlivých štítkov na nasledujúci výraz:Set the Text property of each label to the following expression:

    ŠtítokLabel Nastavte vlastnosť textu na možnosťSet Text property to
    Štítok1Label1 ThisItem!Name
    Štítok2Label2 Text(ThisItem!Price, "$#")
    Štítok3Label3 ThisItem!Maker

    Po vykonaní tohto kroku sa štítky automaticky aktualizujú a doplnia sa hodnoty názov, cena a výrobca v kolekcii PriceList.When you do this, the labels are automatically updated with the name, price, and maker values within the PriceList collection.

  8. Zmeňte veľkosť štítkov a galérie, čím odstránite všetky nadbytočné medzery.Resize the labels and the gallery to remove any extra spaces. Vaša obrazovka by mala vyzerať približne takto:Your screen look similar to the following:
    17

Pridanie jazdca množstva a aktualizácie kolekcieAdd the quantity slider and update the collection

  1. V ponuke Vloženie vyberte položku Ovládacie prvky a potom Jazdec.On the Insert menu, select Controls, and select Slider. Premenujte jazdec na OrderQty a premiestnite ho pod galériu.Rename the slider to OrderQty, and move it under the gallery.

  2. Pridajte tlačidlo, nastavte jeho vlastnosť Text na Pridať a premiestnite ho pod jazdec OrderQty.Add a button, set its Text property to Add, and move it under the OrderQty slider. Aplikácia bude vyzerať približne takto:Your app looks similar to the following:
    20

  3. Nastavte vlastnosť OnSelect tlačidla Pridať na nasledujúci výraz:Set the OnSelect property of the Add button to the following expression:

    Collect(OrderList, {Name:PriceGallery!Selected!Name, Qty:OrderQty!Value, Cost:OrderQty!Value*LookUp(PriceList, PriceGallery!Selected!Name in Name, Price)});SaveData(OrderList, "orderfile")

    Poznámka

    Keď vyberiete toto tlačidlo neskôr v tomto postupe, vytvoríte a uložíte kolekciu s názvom OrderList.When you select this button later in this procedure, you'll create and save a collection named OrderList. Kolekcia bude obsahovať názov produktu, ktorý zadáte do galérie, množstvo, ktoré vyberiete pomocou jazdca, a celkové náklady vypočítané vynásobením množstva cenou produktu.The collection will contain the name of a product that you enter in the gallery, a quantity that you choose with the slider, and the total cost calculated by multiplying the quantity by the price of the product.

  4. Vyberte kartu Obrazovka a nastavte vlastnosť OnVisible na nasledujúci výraz:Select the Screen tab and set the OnVisible property to the following expression:

    If(IsEmpty(PriceList), LoadData(PriceList, "pricefile"));If(IsEmpty(OrderList), LoadData(OrderList, "orderfile"))

Teraz sa pozrite, čo ste vytvorili:Now, see what you created:

  1. Otvorte ukážku.Open Preview.

  2. Vyberte produkt v galérii, posuňte jazdec na požadované množstvo a potom vyberte tlačidlo Pridať.Select a product in the gallery, move the slider to your desired quantity, and then select the Add button.

    Dôležité

    Po výbere nie je príslušný produkt zvýraznený, čo označuje, že ste ho vybrali.When you select a product, that product is not highlighted to indicate you selected it. Keď sme vytvárali galériu, túto funkciu sme nepridali.When we created the gallery, we didn't add this functionality. Zapamätajte si, že produkt vyberiete tak, že naň kliknete.Know that clicking the product does select it.

  3. Zopakujte tieto kroky a pridajte si tak niekoľko ďalších produktov.Repeat these steps to add a couple more products. Pomocou tlačidla ESC zavrite okno s ukážkou.Press ESC to close the Preview window.

  4. Na karte Súbor vyberte, aby položka Kolekcie zobrazovala ukážku kolekcie OrderList, ktorú ste vytvorili:On the File tab, select Collections to display a preview of the OrderList collection you created:
    21

Tip

Ak chcete odstrániť všetky položky zo zoznamu objednávok, pridajte tlačidlo, nastavte jeho vlastnosť Text na Vymazať. Následne nastavte jeho vlastnosť OnSelect na nasledujúci výraz:To remove all items from the order list, add a button, set its Text property to Clear, and set its OnSelect property to the following expression:
Clear(OrderList);SaveData(OrderList, "orderfile")
Ak chcete odstrániť položky po jednej, zobrazte si v galérii kolekciu OrderList a potom nastavte vlastnosť OnSelect štítka v danej galérii na nasledujúci výraz:To remove one item at a time, show the OrderList collection in a gallery, and then set the OnSelect property of a label in that gallery to the following expression:
Remove(OrderList, ThisItem);SaveData(OrderList, "orderfile")

Tipy a trikyTips and Tricks

  • Kedykoľvek môžete vybrať tlačidlo Zobraziť ukážku (7) a prezrieť si tak grafy a ako vyzerajú, keď sú v nich vyplnené údaje.At anytime, you can select the Preview button (7) to view your charts, and to see how they look with data.
  • Pri navrhovaní aplikácie môžete zmeniť veľkosť ovládacích prvkov a premiestňovať ich kliknutím a presunutím.When designing your app, you can re-size the controls and move them around using click-and-drag.

Čo ste sa naučiliWhat you learned

V tejto téme ste:In this topic, you:

  • Použili funkciu zhromažďovania na vytvorenie kolekcie v aplikácii.Used the Collect() function to create a collection within your app.
  • Pridali ovládací prvok tlačidla, po ktorého výbere sa pridajú nové položky do kolekcie.You added a button control and when selected, the button adds new items to your collection.
  • Použili zoznam na pridanie položiek kolekcie.Used a listbox to add items to your collection.
  • Pridali ovládací prvok jazdca na aktualizáciu položiek v kolekcii.Added a slider control to update items within the collection.