Dodajte aplikaciji od gotovih gradivnih elemenata okvir s popisom, padajući popis, kombinirani okvir ili izborne gumbe

  • Članak

Prikažite jedan stupac podataka (npr. iz tablice s više stupaca) u aplikaciji radnog područja kako bi korisnici mogli odabrati jednu ili više stavki na popisu.

  • Dodajte okvir s popisom kako biste korisnicima omogućili odabir više od jedne mogućnosti.
  • Dodajte padajući popis ili kombinirani okvir da bi se zauzelo manje prostora na zaslonu.
  • Dodajte skup izbornih gumba za određeni učinak zaslona.

Ova je tema usmjerena na okvire s popisima i izborne gumbe, ali isti se principi primjenjuju na padajuće popise.

Preduvjeti

  1. Izradite praznu aplikaciju od gotovih gradivnih elemenata.
  2. Saznajte kako dodati i konfigurirati kontrole.

Stvaranje jednostavnog popisa

  1. Dodajte kontrolu Okvir s popisom naziva MyListBox i postavite njezino svojstvo Stavke na sljedeći izraz:

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

    Vaš alat za dizajniranje izgleda otprilike ovako:

    Zaslon s kontrolom okvira popisa

  2. Na kartici Umetanje odaberite Ikone, odaberite krug i pomaknite ga ispod kontrole MyListBox:

    Dodaj ikonu

  3. Dodajte trokut i pravokutnik i rasporedite oblike u redak ispod kontrole MyListBox:

    Dodavanje oblika

  4. Postavite svojstvo Vidljivo sljedećih oblika na sljedeće funkcije:

    Oblik Postavite funkciju Visible na
    krug If("circle" in MyListBox.SelectedItems.Value, true)
    trokut If("triangle" in MyListBox.SelectedItems.Value, true)
    pravokutnik If("rectangle" in MyListBox.SelectedItems.Value, true)

  5. Dok držite pritisnutu tipku Alt, odaberite jedan ili više oblika u MyListBox.

    Prikazat će se samo oblik ili oblici koje odaberete.

U tim ste koracima upotrijebili izraz za stvaranje popisa stavki. To možete primijeniti na druge elemente u poslovanju. Na primjer, možete upotrijebiti kontrolu Padajući popis za prikaz slika proizvoda, opisa proizvoda i ostalo.

Dodavanje izbornih gumba

  1. Na kartici Početno odaberite Novi zaslon, a zatim odaberite Prazno.

  2. Na kartici Umetanje odaberite Kontrole, zatim odaberite Izborni gumb.

    Dodavanje izbornog gumba

  3. Preimenujte kontrolu Izborni gumb u Odabiri i postavite njezino svojstvo Stavke na sljedeću formulu:
    ["red","green","blue"]

    Preimenovanje kontrole

    Ako je potrebno, promijenite veličinu kontrole tako da se prikazuju sve mogućnosti.

  4. Na kartici Umetanje odaberite Ikone, zatim odaberite krug.

  5. Postavite svojstvo Ispuna kruga na sljedeću funkciju:
    If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

    U toj formuli krug mijenja boju ovisno o odabranom izbornom gumbu.

  6. Pomaknite krug ispod kontrole Izborni gumb, kao što je prikazano u sljedećem primjeru:

    Pomicanje kruga ispod izbornog gumba

  7. Dok držite pritisnutu tipku Alt, odaberite drugi izborni gumb da biste promijenili boju kruga.

Dodavanje stavke na postojeći popis

  1. Dodajte kontrolu Gumb i nazovite je „btnReset”.

    Ne znate kako dodati, imenovati i konfigurirati kontrolu?

  2. Postavite svojstvo OnSelect na gumbu btnReset prema ovoj formuli:

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

  3. Postavite svojstvo Tekst na gumbu btnReset na "Reset".

  4. Dodajte kontrolu Okvir s popisom pod nazivom lbItems i postavite njezino svojstvo Stavke na MyItems.

  5. Dok držite tipku Alt, pritisnite gumb Ponovno postavi.

    Napomena

    Okvir s popisom trebao bi se popuniti stavkama iz zbirke „MyItems”.

  6. Rasporedite okvir i gumb popisa tako da budu poredani okomito.

    Gumb okvira s popisom

  7. Dodajte kontrolu Unos teksta i nazovite je „txtAdd”.

  8. Postavite svojstvo Tekst gumba txtAdd na "".

  9. Dodajte kontrolu Gumba i nazovite je „btnAdd”.

  10. Postavite svojstvo Tekst gumba btnAdd na "Add".

  11. Postavite svojstvo OnSelect gumba btnAdd na sljedeću formulu:

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

    Napomena

    • Funkcija prikupljanja dodat će tekst iz unosa teksta kao stavku u zbirku.
    • Funkcija ponovnog postavljanja vratit će unos teksta natrag u njegovo zadano stanje.

  12. Rasporedite gumbe txtAdd i btnAdd tako da budu poredani okomito ispod gumba lbItemtes i btnReset.

    Sve kontrole – prije dodavanja.

  13. Pregledajte aplikaciju pritiskom na F5.

  14. Dodajte tekstualnu vrijednost kontroli unosa teksta txtAdd.

  1. Pritisnite gumb Dodaj.

    Napomena

    Okvir s popisom trebao bi se popuniti stavkama iz zbirke MyItems.

(Nije obavezno) Uklonite stavku s postojećeg popisa

  1. Dodajte kontrolu Gumb i nazovite je „btnDelete”.

  2. Postavite svojstvo Tekst gumba btnDelete na "Delete".

  3. Postavite svojstvo OnSelect gumba btnDelete na sljedeću formulu:

    Remove(MyItems, lbItems.Selected)

  4. Postavite gumb btnDelete tako da bude poredan okomito pod gumbom btnReset

    Sve kontrole s gumbom za brisanje.

  5. Pregledajte aplikaciju pritiskom na F5.

  6. Pritisnite gumb Ponovno postavi za ponovno postavljanje okvira s popisom.

  7. Pritisnite stavku u okviru s popisom da biste je odabrali.

  1. Pritisnite gumb Izbriši da biste izbrisali stavku.

Napomena

Možete li nam reći više o željenim jezicima za dokumentaciju? Ispunite kratki upitnik. (imajte na umu da je upitnik na engleskom jeziku)

Ispunjavanje upitnika će trajati otprilike sedam minuta. Osobni podaci se ne prikupljaju (izjava o zaštiti privatnosti).