Vytvorenie karty nákupného zoznamu

V tomto návode si vytvoríte kartu, ktorá zobrazí nákupný zoznam a umožní vám pridávať položky. Budete používať návrhár kariet, premenné a Power Fx.

Na konci tutoriálu by vaša karta nákupného zoznamu mala vyzerať ako nasledujúci príklad:

Požiadavky

• A Power Apps účet

Vytvorenie karty

1. Prihláste sa do Power Apps a vyberte si prostredie.

2. Na ľavej table vyberte Karty. Ak sa položka nenachádza na table bočného panela, vyberte položku … Viac a potom vyberte požadovanú položku.

3. Vyberte + Vytvoriť kartu.

4. V časti Názov karty napíšte SimpleShoppingCard a potom vyberte Vytvoriť.

5. Vyberte text Sem je názov vašej karty. Na table vlastností textového štítka nastavte Text na Nákupný zoznam.

6. Ak chcete prispôsobiť svoju novú kartu, vyberte text Pridať a odstrániť prvok. Na table vlastností textového štítka nastavte Text na Pomocou poľa nižšie pridajte položky do zoznamu.

Pridanie premennej

Nákupný zoznam bude obsahovať jednotlivé položky v samostatných riadkoch textu. Vyzerá to ako tabuľka s jedným stĺpcom, s jednou položkou potravín v každom riadku. To naznačuje, že na uloženie zoznamu budete musieť vytvoriť premennú tabuľky.

1. Na ľavej table vyberte Premenné.

2. Vyberte + Nová premenná.

3. V okne Nová premenná v časti *Názov zadajte MyGroceryList. Nastavte Typ na Tabuľka.

4. Vyberte zložené zátvorky napravo od Predvolená hodnota a zadajte "" medzi zátvorky. To znamená, že naša tabuľka obsahuje textové hodnoty v stĺpci, ktorý sa implicitne volá Hodnota

5. Vyberte Uložiť.

   

Pridajte zoznam na kartu

1. Na ľavej table vyberte Vložiť.

2. Na paneli nástrojov vyberte Zobraziť, aby ste rozbalili kategóriu, a potom vyberte Textový štítok.

3. Na table vlastností textového štítka vyberte kartu Rozšírené .

4. Nastavte Opakovať pre každé na MyGroceryList.

   

   Nastavenie vlastnosti Opakovať pre každú textového štítka zopakuje textový štítok pre každú položku v zadanej tabuľke. V tomto príklade je tabuľka MyGroceryList premennou, ktorú ste vytvorili. Inými slovami, pre každú položku v zozname potravín sa na karte vytvorí samostatný textový štítok.

5. Vyberte kartu Vlastnosti . Nastavte Text na Hodnota tejto položky.

   Priradením premennej definovanej systémom ThisItem.Value k textovému štítku sa hodnota aktuálnej položky v poli MyGroceryList zobrazí ako text štítku. Pole je ďalší výraz pre premennú tabuľky. Názov premennej môžete zadať na paneli vzorcov alebo na table vlastností.

   

Pridajte vstupné pole

Zoznam, ktorý ste vytvorili, je prázdny, takže v poslednom kroku dáte používateľovi možnosť pridávať položky.

1. Na ľavej table vyberte Vložiť.

2. Na paneli nástrojov vyberte Vstup na rozbalenie kategórie a potom vyberte Zadávanie textu.

3. Na paneli vlastností zadávania textu nastavte Názov na NováPoložka a nastavte Štítok na Nová položka:.

   

   Vlastnosť Názov vám umožňuje odkazovať na ovládací prvok vo výraze Power Fx . Musí to byť jedno slovo, bez medzier alebo špeciálnych znakov. Na karte sa zobrazí vlastnosť Label . Názov a označenie ovládacieho prvku sa nemusia podobať, ako sú tu, ale používanie podobných názvov uľahčuje sledovanie ovládacích prvkov.

Pridajte tlačidlo Power Fx

1. Na ľavej table vyberte Vložiť.

2. Na paneli nástrojov vyberte Vstup, aby ste rozbalili kategóriu, a potom vyberte Tlačidlo.

3. Na table vlastností tlačidla nastavte Názov na Pridať položku.

4. Na table vlastností vyberte PowerFx a umiestnite kurzor do riadka vzorcov.

5. Do riadka vzorcov zadajte nasledujúci Power Fx výraz: Collect(MyGroceryList, {Value: NewItem})

   Tento výraz používa funkciu Power Fx Zhromažďovať na pripojenie hodnoty vstupu používateľa, NewItem, k MyGroceryList premenná tabuľky v implicitnom stĺpci Hodnota . Keďže výraz je viazaný na vlastnosť tlačidla OnSelect, spustí sa, keď používateľ vyberie tlačidlo.

   

Otestujte kartu

Pred hraním karty by ste mali vždy uložiť svoje zmeny. Vyberte Uložiť a potom vyberte Prehrať.

Otestujte svoju kartu pridaním niekoľkých položiek do zoznamu potravín.

Ďalšie kroky

Zistite, ako vytvoriť zložitejšiu kartu s Microsoft Dataverse konektormi.