Loendiboksi, ripploendi, liitboksi või raadionupu lisamine lõuendirakendusele

Kuvage lõuendirakenduses üks andmete veerg (näiteks mitme veeruga tabelist), et kasutajad saaksid valida loendist ühe või mitu üksust.

  • Lisage loendiboks, et kasutajad saaksid valida rohkem kui ühe valiku.
  • Kui soovite ekraanil vähem ruumi võtta, lisage ripploend või liitväli.
  • Lisage kindlate kujundusefektide jaoks raadionuppude komplekt.

Selles teemas keskendutakse loendiboksidele ja raadionupudele, kuid samad põhimõtted kehtivad ka ripploenditele.

Eeltingimused

  1. Looge tühi lõuendirakendus.
  2. Teave juhtelementide lisamise ja konfigureerimise kohta.

Lihtsa loendi loomine

  1. Lisage juhtnupp Loendiboks nimega MyListBox ja määrake selle atribuut Üksused järgmisele avaldisele:

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

    Teie kujundaja sarnaneb järgmisele:

    Loendiboksi juhtelemendiga kuva

  2. Valige vahekaardil Lisa suvand Ikoonid, valige ring ja liigutage see suvandi MyListBox alla:

    Ikoon Lisa

  3. Lisage kolmnurk ja ristkülik ning seejärel seadke kujundid suvandi MyListBox all ritta.

    Kujundite lisamine

  4. Määrake järgmiste kujundite atribuut Nähtav järgmistele funktsioonidele.

    Kujund Nähtava funktsiooni lisamine
    ringile If("circle" in MyListBox.SelectedItems.Value, true)
    kolmnurgale If("triangle" in MyListBox.SelectedItems.Value, true)
    ristkülikule If("rectangle" in MyListBox.SelectedItems.Value, true)
  5. Hoides all klahvi Alt, valige suvandis MyListBox üks või mitu kujundit.

    Kuvatakse ainult teie valitud kujund või kujundid.

Nendes toimingutes kasutasite üksuste loomiseks avaldist. Võite seda rakendada oma ettevõttes teistele elementidele. Näiteks saate kasutada juhtelementi Rippmenüü toote piltide, tootekirjelduste jne kuvamiseks.

Raadionuppude lisamine

  1. Valige vahekaardil Avaleht suvand Uus kuva ja seejärel suvand Tühi.

  2. Valige vahekaardil Lisa suvand Juhtelemendid ja valige seejärel suvand Raadio.

    Raadionupu lisamine

  3. Nimetage juhtelement Raadio ümber suvandile Valikud ja määrake selle atribuut Üksused järgmisele valemile:
    ["red","green","blue"]

    Juhtelemendi ümbernimetamine

    Vajaduse korral muutke juhelemendi suurust kõikide valikute kuvamiseks.

  4. Valige vahekaardil Lisa suvand Ikoonid ja valige seejärel ring.

  5. Määrake ringi atribuut Täide järgmisele funktsioonile:
    If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

    Selles valemis muudab ring värvi sõltuvalt sellest, millise raadionupu valite.

  6. Liigutage ring juhtelemendi Raadio alla, nagu järgmises näites:

    Teisaldage ring raadio juhtelemendi alla

  7. Klahvi Alt all hoides valige ringi värvi muutmiseks teine raadionupp.

Üksuse lisamine olemasolevasse loendisse

  1. Lisage juhtelement Nupp ja lisage sellele nimi "btnReset".

    Kuidas lisada, nimetada ja konfigureerida juhtelementi?

  2. Määrake atribuudi OnSelect väärtuseks juhtelemendiga btnReset järgmine valem.

    ClearCollect(MyItems, {value: "circle"},{value: "triangle"},{value: "rectangle"})
    
  3. Seadke atribuudi Tekst btnReset väärtusele "Reset".

  4. Lisage juhtelement Loendiboks nimega lbItems ja määrake selle atribuudi Üksused väärtuseks MyItems.

  5. Alt-klahvi all hoides vajutage nuppu Lähtesta.

    Märkus

    Loendiväli peaks täitma üksustega kogumist "MyItems".

  6. Korraldage loendiväli ja nupp, et need oleks vertikaalselt reastatud.

    Loendiboksi nupp.

  7. Lisage juhtelement tekstisisend ja lisage sellele nimi "txtAdd".

  8. Seadke Teksti atribuudi txtAdd väärtuseks "".

  9. Lisage juhtelement Nupp ja lisage sellele nimi "btnAdd".

  10. Seadke Teksti atribuudi btnAdd väärtuseks "Add".

  11. Määrake atribuudi OnSelect väärtuseks juhtelemendiga btnAdd järgmine valem.

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

    Märkus

    • Kogumise funktsioon lisab teksti sisendilt teksti kogumüksusena.
    • Lähtestamisfunktsioon lähtestab tekstisisestuse tagasi selle vaikeolekusse.
  12. Korraldage txtAdd ja btnAdd, et need oleks ritta vertikaalselt lbItems'i ja btnReset'i all.

    Kõik juhtelemendid – enne lisamist.

  13. Rakenduse eelvaate kuvamiseks vajutage klahvi F5.

  14. Lisage tekstiväärtus txtAdd tekstisisendi juhtelemendile.

  1. Vajutage nuppu Lisa.

    Märkus

    Loendiväli peaks täitma üksustega kogumist MyItems.

(valikuline) Üksuse eemaldamine olemasolevast loendist

  1. Lisage juhtelement Nupp ja lisage sellele nimi "btnDelete".

  2. Seadke Teksti atribuudi btnDelete väärtuseks "Delete".

  3. Määrake atribuudi OnSelect väärtuseks juhtelemendiga btnDelete järgmine valem.

    Remove(MyItems, lbItems.Selected)
    
  4. Korralda btnDelete, et see oleks btnReset'i all vertikaalselt paigutatud

    Kõik juhtelemendid nupuga Kustuta.

  5. Rakenduse eelvaate kuvamiseks vajutage klahvi F5.

  6. Loendiboksi lähtestamiseks vajutage nuppu Lähtesta.

  7. Loendiboksis üksuse valimiseks vajutage seda.

  1. Üksuse kustutamiseks klõpsake nuppu Kustuta.

Märkus

Kas saaksite meile dokumentatsiooniga seotud keele-eelistustest teada anda? Osalege lühikeses uuringus. (Uuring on ingliskeelne.)

Uuringus osalemine võtab umbes seitse minutit. Isikuandmeid ei koguta (privaatsusavaldus).