Delen via

Een kaart met een boodschappenlijst maken

  • Artikel

In deze zelfstudie maakt u een kaart waarop een boodschappenlijstje wordt weergegeven en waaraan u items kunt toevoegen. U maakt hierbij gebruik van de kaartontwerper, variabelen en Power Fx.

Aan het einde van de zelfstudie zou uw boodschappenlijstje eruit moeten zien zoals in het volgende voorbeeld:

Schermopname van een voltooide kaart met een boodschappenlijst.

Vereisten

Kaart maken

  1. Meld u aan bij Power Apps en selecteer uw omgeving.

  2. Selecteer Kaarten in het linkerdeelvenster. Als het item zich niet in het deelvenster van het zijpaneel bevindt, selecteert u …Meer en selecteert u vervolgens het gewenste item.

  3. Selecteer + Een kaart maken.

  4. Typ onder Kaartnaam de waarde SimpleShoppingCard en selecteer vervolgens Maken.

  5. Selecteer de tekst Uw kaarttitel komt hier. Stel in het eigenschappenvenster voor tekstlabels Tekst in op Boodschappenlijst.

  6. Selecteer de tekst Een element toevoegen en verwijderen om uw nieuwe kaart aan te passen. Stel in het eigenschappenvenster voor tekstlabels de waarde voor Tekst in op Gebruik het onderstaande vak om items aan de lijst toe te voegen.

Een variabele toevoegen

De boodschappenlijst bevat afzonderlijke items op afzonderlijke tekstregels. Het ziet eruit als een tabel met een enkele kolom, met één artikel op elke rij. Dat suggereert dat u een tabelvariabele moet maken om uw lijst op te slaan.

  1. Selecteer Variabelen in het linkervenster.

  2. Selecteer + Nieuwe variabele.

  3. Voer in het venster Nieuwe variabele de waarde MyGroceryList in onder Naam. Stel Type in op Tabel.

  4. Selecteer de accolades rechts van Standaardwaarde en voer "" in tussen de haakjes. Dit geeft aan dat onze tabel tekstwaarden bevat in een kolom met de impliciete naam Waarde

  5. Selecteer Save.

    Schermopname van het deelvenster met eigenschappen van de variabele MyGroceryList.

Een lijst toevoegen aan de kaart

  1. Selecteer Invoegen in het linkerdeelvenster.

  2. Selecteer in het taakvenster de optie Weergave om de categorie uit te vouwen en selecteer vervolgens Tekstlabel.

  3. Selecteer in het deelvenster voor eigenschappen van tekstlabels het tabblad Geavanceerd.

  4. Stel Herhalen voor elke in op MyGroceryList.

    Schermopname van het venster met geavanceerde eigenschappen van een tekstlabel, met MyGroceryList in de eigenschap Herhalen voor elke.

    Bij instelling van de eigenschap Herhalen voor elke wordt het tekstlabel herhaald voor elk item in de opgegeven tabel. In dit voorbeeld is de tabel die u opgeeft, MyGroceryList, de variabele die u hebt gemaakt. Met andere woorden, er wordt voor elk artikel in de boodschappenlijst een apart tekstlabel gemaakt op de kaart.

  5. Selecteer het tabblad Eigenschappen. Stel Tekst in op ThisItem.Value.

    Als de door het systeem gedefinieerde de variabele ThisItem.Value aan het tekstlabel wordt toegewezen, wordt de waarde van het huidige element van de matrix MyGroceryList weergegeven als de labeltekst . Array is een andere term voor een tabelvariabele. U kunt de variabelenaam invoeren in de formulebalk of in het eigenschappenvenster.

    Schermopname van een variabelenaam die is ingevoerd in de eigenschap Tekst van het tekstlabel.

Een invoervak toevoegen

De lijst die u hebt gemaakt is leeg, dus in de laatste stap gaat u de gebruiker de mogelijkheid bieden om items toe te voegen.

  1. Selecteer Invoegen in het linkerdeelvenster.

  2. Selecteer in het taakvenster de optie Invoer om de categorie uit te vouwen en selecteer vervolgens Tekstinvoer.

  3. Stel in het eigenschappenvenster voor tekstinvoer Naam in op NewItem en Label op Nieuw item:.

    Schermopname van variabelennamen die zijn ingevoerd in de eigenschappen Naam en Label van een invoertekstvak.

    Met de eigenschap Naam kunt u verwijzen naar het besturingselement in een Power Fx-expressie. Dit moet één woord zijn, zonder spaties of speciale tekens. De eigenschap Label wordt weergegeven op de kaart. De naam en het label van een besturingselement hoeven niet hetzelfde te zijn, zoals hier het geval is, maar het gebruik van vergelijkbare namen maakt het gemakkelijker om besturingselementen bij te houden.

Een Power Fx-knop toevoegen

  1. Selecteer Invoegen in het linkerdeelvenster.

  2. Selecteer in het taakvenster de optie Invoer om de categorie uit te vouwen en selecteer vervolgens Knop.

  3. Stel in het eigenschappenvenster voor knoppen Titel in op Item toevoegen.

  4. Selecteer in het eigenschappenvenster PowerFx om uw cursor in de formulebalk te plaatsen.

  5. Typ de volgende Power Fx-expressie in de formulebalk: Collect(MyGroceryList, {Value: NewItem})

    Deze expressie gebruikt de Power Fx-functie Verzamelen om de waarde van de invoer van de gebruiker, NewItem, toe te voegen aan de tabelvariabele MyGroceryList in de impliciete kolom Waarde. Omdat de uitdrukking gebonden is aan de OnSelect-eigenschap van de knop, wordt deze uitgevoerd wanneer de gebruiker de knop selecteert.

    Schermopname van de Power Fx-expressie in de formulebalk, toegewezen aan de eigenschap OnSelect van de knop.

De kaart testen

U moet uw wijzigingen altijd opslaan voordat u een kaart afspeelt. Selecteer Opslaan en selecteer vervolgens Afspelen.

Test uw kaart door een paar items toe te voegen aan de boodschappenlijst.

Volgende stappen

Leer hoe u een complexere kaart maakt met Microsoft Dataverse-connectors.