Tilføje en liste, en rulleliste, et kombinationsfelt eller alternativknapper til en lærredapp

Vis en enkelt kolonne med data (f.eks. fra en tabel med flere kolonner) i en lærredapp, så brugerne kan vælge et eller flere elementer på en liste.

• Tilføj en liste, så brugerne kan vælge mere end én mulighed.
• Tilføj en rulleliste eller et kombinationsfelt, som fylder mindre på en skærm.
• Tilføj en række alternativknapper for at få en bestemt designeffekt.

I dette emne fokuseres der på lister og alternativknapper, men de samme principper gælder for rullelister.

Forudsætninger

1. Opret en tom lærred-app.
2. Få at vide, hvordan du kan tilføje og konfigurere kontrolelementer.

Oprette en enkel liste

1. Tilføj et kontrolelement af typen Liste, navngiv det MyListBox, og angiv egenskaben Items til dette udtryk:

   ["circle","triangle","rectangle"]
   

   Din designer ser ud som følgende:

   

2. Under fanen Indsæt skal du vælge Ikoner, markere cirklen og flytte den hen under MyListBox:

   

3. Tilføj en trekant og et rektangel, og arranger derefter figurerne på en række under MyListBox:

   

4. Angiv egenskaben Visible (Synlig) for følgende former til følgende funktioner:

   Form	Indstil funktionen Visible (Synlig) til
   cirkel	If("circle" in MyListBox.SelectedItems.Value, true)
   trekant	If("triangle" in MyListBox.SelectedItems.Value, true)
   rektangel	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Vælg en eller flere figurer i MyListBox, mens du holder Alt-tasten nede.

   Det er kun den eller de figurer, du markerer, der vises.

I disse trin har du brugt et udtryk til at oprette en liste over elementer. Du kan anvende dette til andre elementer i din virksomhed. Du kan f.eks. bruge et kontrolelement af typen Rulleliste til at få vist produktbilleder, produktbeskrivelser osv.

Tilføj alternativknapper

1. Under fanen Start skal du vælge Ny skærm og derefter vælge Tom.

2. Vælg Kontrolelementer under fanen Indsæt, og vælg derefter Alternativknap.

   

3. Omdøb kontrolelementet Alternativknap til Valg, og angiv dets Items-egenskab til denne formel:
   ["red","green","blue"]
   

   

   Du kan om nødvendigt ændre størrelsen på kontrolelementet for at få vist alle indstillingerne.

4. Vælg Icons (Ikoner) under fanen Insert (Indsæt), og vælg derefter cirklen.

5. Angiv egenskaben Fill (Fyld) for cirklen til følgende funktion:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   I denne formel ændres cirklens farve, afhængigt af hvilken alternativknap du vælger.

6. Flyt cirklen hen under kontrolelementet Alternativknap som i dette eksempel:

   

7. Vælg en anden alternativknap, mens du holder Alt-tasten nede, for at ændre farven på cirklen.

Føje et element til en eksisterende liste

1. Tilføj et Knap-kontrolelement og navngiv det "btnReset".

   Ved du ikke, hvordan du tilføjer, navngiver og konfigurerer et kontrolelement?

2. Angiv egenskaben OnSelect på btnReset til denne formel:

   ClearCollect(MyItems, {value: "circle"},{value: "triangle"},{value: "rectangle"})
   

3. Angiv egenskaben Text på btnReset til "Reset".

4. Tilføj et kontrolelement af typen Liste med navnet lbItems, og angiv egenskaben Items til MyItems.

5. Tryk på knappen Nulstil, mens du holder Alt-tasten nede.

   Bemærk

   Listen skal udfyldes med elementerne fra samlingen "MyItems".

6. Arranger listen og knappen, så de er lodrette.

   

7. Tilføj et kontrolelement af typen Tekstinput, og giv det navnet "txtAdd".

8. Angiv egenskaben Tekst for txtAdd til "".

9. Tilføj et kontrolelement af typen Knap, og navngiv det "btnAdd".

10. Angiv egenskaben Text for btnAdd til "Add".

11. Angiv egenskaben OnSelect for btnAdd til følgende formel:

    Collect(MyItems,{value: txtAdd.Text}); Reset(txtAdd)
    

    Bemærk

    • Collect-funktionen tilføjer teksten fra tekstinputtet som et element i samlingen.
    • Nulstillingsfunktionen nulstiller tekstinputtet til standardtilstanden.

12. Arranger txtAdd og btnAdd, så de er linet lodret op under lbItems og btnReset.

    

13. Gennemse appen ved at trykke på F5.

14. Føj en tekstværdi til kontrolelementet for tekstinput txtAdd.

15. Tryk på knappen Tilføj.

    Bemærk

    Listen skal udfyldes med elementerne fra samlingen MyItems.

(Valgfrit) Fjerne et element fra en eksisterende liste

1. Tilføj et kontrolelement af typen Knap, og navngiv det "btnDelete".

2. Angiv egenskaben Text for btnDelete til "Delete".

3. Angiv egenskaben OnSelect for btnDelete til følgende formel:

   Remove(MyItems, lbItems.Selected)
   

4. Arrangere btnDelete, så den er linet lodret op under btnReset

   

5. Gennemse appen ved at trykke på F5.

6. Tryk på knappen Nulstil for at nulstille listen.

7. Tryk på et element i listen for at markere det.

8. Tryk på knappen Slet for at slette elementet.