Een keuzelijst, een vervolgkeuzelijst of keuzerondjes toevoegenAdd a list box, a drop-down list, or radio buttons

PowerApps bevat opties voor meervoudige en enkelvoudige selectie, waaronder keuzelijsten, vervolgkeuzelijsten en keuzerondjes.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. In dit onderwerp worden deze besturingselementen toegevoegd en wordt de formule Table gebruikt om de lijsten te creƫren.In this topic, we add these controls and use a Table formula to build the lists. Wanneer een item in de lijst wordt geselecteerd, worden de andere besturingselementen bijgewerkt.When an item is selected in the list, it updates other controls.

VereistenPrerequisites

Een keuzelijst toevoegenAdd a list box

  1. Selecteer op het tabblad Invoegen de optie Besturingselementen en selecteer vervolgens Keuzelijst:On the Insert tab, select Controls, and then select List box:

  2. Wijzig de naam van het besturingselement Keuzelijst in MyListBox:Rename the List box control to MyListBox:

  3. Stel de eigenschap Items in op de volgende expressie:Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    Uw ontwerp ziet er ongeveer als volgt uit:Your designer looks similar to the following:

  4. Op het tabblad Invoegen selecteert u Pictogrammen en vervolgens de cirkel. Verplaats deze naar onder het besturingselement Keuzelijst:On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. Voeg een driehoek en een rechthoek toe en plaats de vormen in een rij onder het besturingselement Keuzelijst:Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. Stel de eigenschap Visible van de volgende vormen in op de volgende functies:Set the Visible property of the following shapes to the following functions:

    VormShape Stel de functie Visible in opSet Visible function to
    cirkelcircle If("circle" in MyListBox.SelectedItems.Value, true)
    driehoektriangle If("triangle" in MyListBox.SelectedItems.Value, true)
    rechthoekrectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Bekijk een voorbeeld van wat u hebt gemaakt: .Preview what you've created . Selecteer de verschillende vormen in het besturingselement Keuzelijst.Select the different shapes in the List box control. Alleen de vorm of vormen die u selecteert worden weergegeven.Only the shape or shapes that you select appear. Druk op ESC of selecteer X om terug te keren naar uw scherm.Press Esc or select the X to go back to your screen.

Tijdens deze stappen hebt u gebruikgemaakt van een expressie om een lijst items te maken in het besturingselement Keuzelijst.In these steps, you used an expression to create a list of items in a List box control. Afhankelijk van wat u hebt gekozen in het besturingselement Keuzelijst worden er verschillende vormen weergegeven.Depending on what you choose in the List box control, different shapes are displayed. U kunt dit toepassen op andere elementen binnen uw bedrijf.You can apply this to other elements within your business. U kunt bijvoorbeeld het besturingselement Keuzelijst gebruiken om productafbeeldingen, productbeschrijvingen e.d. weer te geven.For example, you can use a List box control to display product images, product descriptions, and so on.

Keuzerondjes toevoegenAdd radio buttons

  1. Selecteer op het tabblad Startpagina de optie Nieuw scherm.On the Home tab, select New Screen.

  2. Selecteer op het tabblad Invoegen de optie Besturingselementen en selecteer vervolgens Keuzerondje.On the Insert tab, select Controls, and then select Radio.

  3. Wijzig de naam van het besturingselement Keuzerondje in Choices en stel de eigenschap Items in op deze formule:Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    Indien nodig wijzigt u het formaat van het besturingselement zodat alle opties worden weergegeven.If needed, resize the control to show all the options.

  4. Selecteer op het tabblad Invoegen de optie Pictogrammen en selecteer de cirkel.On the Insert tab, select Icons, and then select the circle.

  5. Stel de eigenschap Fill van de cirkel in op de volgende functie:Set the Fill property of the circle to the following function:
    If(Choices.Selected.Value = "red", RGBA(192, 0, 0, 1), Choices.Selected.Value = "green", RGBA(0, 176, 80, 1), Choices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

    Met deze formule verandert de kleur van de cirkel op basis van welk keuzerondje u selecteert.In this formula, the circle changes its color depending on which radio button you choose.

  6. Plaats de cirkel onder het besturingselement Keuzerondje, zoals in dit voorbeeld:Move the circle under the Radio control, as in this example:

  7. Bekijk een voorbeeld van wat u hebt gemaakt: .Preview what you've created: . Selecteer een ander keuzerondje om de kleur van de cirkel te wijzigen.Select a different radio button to change the color of the circle. Druk op ESC of selecteer X om terug te keren naar uw scherm.Press Esc or select the X to go back to your screen.

Een vervolgkeuzelijst toevoegenAdd a drop-down list

  1. Voeg een scherm toe en voeg dan het besturingselement Vervolgkeuzelijst toe.Add a screen, and then add a Drop down control.

  2. Wijzig de naam van het besturingselement naar DDChoices en stel de eigenschap Items in op deze formule:Rename the control to DDChoices, and set its Items property to this formula:
    ["rood","groen","blauw"]["red","green","blue"]

  3. Voeg een cirkel toe, plaats deze onder het besturingselement Vervolgkeuzelijst en stel de eigenschap Fill van de cirkel in op deze formule:Add a circle, move it below the Drop down control, and set the circle's Fill property to this formula:
    If(DDChoices.Selected.Value = "red", RGBA(192, 0, 0, 1), DDChoices.Selected.Value = "green", RGBA(0, 176, 80, 1), DDChoices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

  4. Bekijk een voorbeeld van wat u hebt gemaakt: .Preview what you've created: . Selecteer de verschillende opties om de kleur van de cirkel te wijzigen.Select the different options to change the color of the circle.