Menambahkan kotak daftar, daftar menurun, kotak kombo, atau tombol radio ke aplikasi kanvas

Tampilkan kolom data tunggal (misalnya, dari tabel multi-kolom) di aplikasi kanvas sehingga pengguna dapat memilih satu atau beberapa item dalam daftar.

• Tambahkan kotak daftar untuk memungkinkan pengguna memilih lebih dari satu pilihan.
• Tambahkan daftar drop-down atau kotak kombo untuk mengurangi ruang pada layar.
• Tambahkan rangkaian tombol radio untuk efek desain tertentu.

Topik ini berfokus pada kotak daftar dan tombol radio, namun prinsip yang sama berlaku untuk daftar drop-down.

Prasyarat

1. Membuat aplikasi kanvas kosong.
2. Pelajari cara menambahkan dan mengonfigurasi kontrol.

Buat daftar sederhana

1. Tambahkan kontrol Kotak daftar yang dinamai MyListBox, dan atur properti Item ke ekspresi ini:

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

   Desainer Anda terlihat sama dengan berikut:

   

2. Pada tab Sisipkan, pilih Ikon, pilih lingkaran, dan pindahkan dalam MyListBox:

   

3. Tambahkan segitiga dan persegi panjang, lalu atur bentuknya di baris dalam MyListBox:

   

4. Atur properti Terlihat dari bentuk berikut ke fungsi berikut:

   Bentuk	Atur fungsi Terlihat untuk
   lingkaran	If("circle" in MyListBox.SelectedItems.Value, true)
   segitiga	If("triangle" in MyListBox.SelectedItems.Value, true)
   persegi panjang	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Ketika menahan tombol Alt, pilih satu atau beberapa bentuk dalam MyListBox.

   Hanya bentuk atau bentuk yang Anda pilih yang muncul.

Dalam langkah ini, Anda menggunakan ekspresi untuk membuat daftar item. Anda dapat menerapkan ini pada elemen lain dalam bisnis Anda. Misalnya, Anda dapat menggunakan kontrol Drop down untuk menampilkan gambar produk, keterangan produk, dan sebagainya.

Tambahkan tombol radio

1. Di tab Beranda, pilih Layar Baru, lalu pilih Kosong.

2. Pada tab Sisipkan, pilih Kontrol, lalu pilih Radio.

   

3. Ubah nama kontrol Radio untuk Pilihan, dan atur properti Item ke rumus ini:
   ["red","green","blue"]
   

   

   Jika perlu, ubah ukuran kontrol untuk menampilkan semua pilihan.

4. Pada tab Sisipkan, pilih Ikon, lalu pilih lingkaran.

5. Atur properti Isi lingkaran ke fungsi berikut:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   Dalam rumus ini, lingkaran mengubah warnanya tergantung pada tombol radio yang Anda pilih.

6. Pindahkan lingkaran dalam kontrol Radio, seperti dalam contoh ini:

   

7. Ketika menahan tombol Alt, pilih tombol radio yang berbeda untuk mengubah warna lingkaran.

Menambahkan item ke daftar yang ada

1. Tambahkan kontrol Tombol dan namai "btnReset".

   Anda tidak tahu cara menambahkan, menamai, dan mengonfigurasi kontrol?

2. Atur properti OnSelect di btnReset ke rumus ini:

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

3. Atur properti Teks di btnReset ke "Reset".

4. Tambahkan kontrol Kotak daftar bernama lbItems, dan atur properti Item ke MyItems.

5. Sambil menekan terus tombol Alt, tekan tombol Atur Ulang.

   Catatan

   Kotak daftar harus mengisi item dari kumpulan "MyItems".

6. Susun kotak dan tombol daftar sehingga berbaris secara vertikal.

   

7. Tambahkan kontrol Input Teks, dan namai "txtAdd".

8. Atur properti Teks txtAdd ke "".

9. Tambahkan kontrol Tombol dan namai "btnAdd".

10. Atur properti Teks btnAdd ke "Add".

11. Atur properti OnSelect btnAdd ke rumus berikut:

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

    Catatan

    • Fungsi collect akan menambahkan teks dari input teks sebagai item dalam kumpulan.
    • Fungsi pengaturan ulang akan mengatur ulang input teks ke status default.

12. Susun txtAdd dan btnAdd sehingga mereka berbaris secara vertikal di bawah lbItems dan btnReset.

    

13. Pratinjau aplikasi dengan menekan F5.

14. Menambahkan nilai teks ke kontrol input teks txtAdd.

15. Tekan tombol Tambah.

    Catatan

    Kotak daftar harus mengisi item dari kumpulan MyItems.

(Opsional) Menghilangkan item dari daftar yang ada

1. Tambahkan kontrol Tombol dan namai "btnDelete".

2. Atur properti Teks btnDelete ke"Delete".

3. Atur properti OnSelect btnDelete ke rumus berikut:

   Remove(MyItems, lbItems.Selected)
   

4. Susun btnDelete sehingga berbaris vertikal di bawah btnReset

   

5. Pratinjau aplikasi dengan menekan F5.

6. Tekan tombol Atur Ulang untuk mengatur ulang kotak daftar.

7. Tekan item di kotak daftar untuk memilihnya.

8. Tekan tombol Hapus untuk menghapus item.

Catatan

Apa bahasa dokumentasi yang Anda inginkan? Lakukan survei singkat. (perlu diketahui bahwa survei ini dalam bahasa Inggris)

Survei akan berlangsung kurang lebih selama tujuh menit. Tidak ada data pribadi yang dikumpulkan (pernyataan privasi).