Adăugați o casetă listă, o listă derulantă, o casetă combinată sau butoane radio la o aplicație proiectată pe pânză

Afișați o singură coloană de date (de exemplu, dintr-un tabel cu mai multe coloane) într-o aplicație de tip pânză, astfel încât utilizatorii să poată selecta unul sau mai multe elemente dintr-o listă.

• Adăugați o casetă de listă pentru a permite utilizatorilor să selecteze mai multe opțiuni.
• Adăugați o listă drop-down sau o casetă combinată pentru a ocupa mai puțin spațiu pe ecran.
• Adăugați un set de butoane radio pentru un anumit efect de design.

Acest subiect se concentrează pe casete de liste și butoane radio, dar aceleași principii se aplică listelor derulante.

Cerințe preliminare

1. Creați o aplicație goală, proiectată pe pânză.
2. Aflați cum să adăugați și să configurați controale.

Crearea unei liste simple

1. Adaugați un control Caseta de listă numit MyListBox, și setați-i proprietatea Articole pentru această expresie:

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

   Proiectantul dvs. arată în mod similar cu următoarele:

   

2. Pe fila Inserați, selectați Pictograme, selectați cercul și mutați-l sub MyListBox:

   

3. Adăugați un triunghi și un dreptunghi, apoi aranjați formele într-un rând MyListBox:

   

4. Setați proprietatea Vizibil următoarelor forme pentru următoarele funcții:

   Formă	Setați funcția Vizibilă la
   cerc	If("circle" in MyListBox.SelectedItems.Value, true)
   triunghi	If("triangle" in MyListBox.SelectedItems.Value, true)
   dreptunghi	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. În timp ce țineți apăsată tasta Alt, selectați una sau mai multe forme în MyListBox.

   Apare doar forma sau formele pe care le selectați.

În acești pași, ați utilizat o expresie pentru a crea o listă de elemente. Puteți aplica acest lucru și altor elemente din afacerea dvs. De exemplu, puteți utiliza un control Listă verticală pentru a afișa imagini de produs, descrieri de produse și așa mai departe.

Adăugați butoane radio

1. Pe fila Pagina de pornire, selectați Ecran nou și apoi selectați Necompletat.

2. În fila Inserați, selectați Controale, apoi selectați Radio.

   

3. Redenumiți controlul Radio la Alegeri și setați-i proprietatea Articole pentru această formulă:
   ["red","green","blue"]
   

   

   Dacă este nevoie, redimensionați controlul pentru a afișa toate opțiunile.

4. Pe fila Inserați, selectați Pictograme și apoi selectați cercul.

5. Setați proprietatea Completați cercului la următoarea funcție:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   În această formulă, cercul își schimbă culoarea în funcție de butonul radio pe care îl alegeți.

6. Deplasați cercul sub controlul Radio, ca în acest exemplu:

   

7. În timp ce țineți apăsată tasta Alt, selectați un buton radio diferit pentru a schimba culoarea cercului.

Adăugați un element la o listă existentă

1. Adaugați un control Button și denumiți-l „btnReset”.

   Nu știți cum să adăugați, numiți și configurați un control?

2. Setați proprietatea OnSelect la btnReset la această formulă:

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

3. Setați proprietatea Text pe btnReset la "Reset".

4. Adaugați un control Casetă listă numit lbArticole, și setați-i proprietatea Elemente pentru MyItems.

5. În timp ce țineți apăsat tasta Alt tasta, apăsați butonul Resetați.

   Notă

   Caseta de listă ar trebui să se completeze cu elementele din colecția „MyItems”.

6. Aranjați caseta de listă și butonul astfel încât să fie aliniate vertical.

   

7. Adaugați un control Introducere text și denumiți-l „txtAdd”.

8. Setați proprietatea Text txtAdd la "".

9. Adaugați un control Button și denumiți-l "btnAdd".

10. Setați proprietatea Text btnAdd la "Add".

11. Setați proprietatea OnSelect a btnAdd la următoarea formulă:

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

    Notă

    • Funcția de colectare va adăuga textul din textul introdus ca element în colecție.
    • Funcția de resetare va reseta introducerea textului înapoi la starea implicită.

12. Aranjați txtAdd și btnAdd deci sunt aliniate vertical sub lbArticole și btnReset.

    

13. Previzualizați aplicația apăsând F5.

14. Adăugați o valoare text la controlul introducerii textului txtAdd.

15. Apăsați butonul Adăugare.

    Notă

    Caseta de listă ar trebui să se completeze cu elementele din colecția MyItems.

(Opțional) Eliminați un element dintr-o listă existentă

1. Adaugați un control Button și denumiți-l „btnDelete”.

2. Setați proprietatea Text btnDelete la"Delete".

3. Setați proprietatea OnSelect a btnDelete la următoarea formulă:

   Remove(MyItems, lbItems.Selected)
   

4. Aranjați btnDelete deci este aliniat vertical sub btnReset

   

5. Previzualizați aplicația apăsând F5.

6. Apăsați butonul Reset pentru a reseta caseta listă.

7. Apăsați un element din caseta de listă pentru a-l selecta.

8. Apăsați butonul Ștergere pentru a șterge elementul.