Form
Remote Select
Dropdown dengan data dari API/database eksternal
Remote Select digunakan untuk memilih satu item dari daftar (dropdown) yang datanya diambil langsung dari API endpoint atau database eksternal, seperti memilih user, divisi, produk, atau kategori.
Mapping ke Engine
| Tipe Variable | Tipe Kolom Report | Format Value | Contoh |
|---|---|---|---|
| String | text | nilai field terpilih | user@example.com |
Properties
- Name: Label komponen yang ditampilkan ke pengguna. Mendukung dua bahasa (EN & ID).
- Key: Mengikat komponen ke process variable yang menyimpan nilainya saat form disubmit. Digenerate otomatis dan dapat disesuaikan.
- Data Url: Endpoint API sumber data. Harus mengembalikan response JSON.
- Root Data: Nama properti JSON yang berisi daftar data, misalnya
contentsataudata. - Select Remote Value Field: Field yang disimpan sebagai nilai variabel, misalnya
idatauemail. - Select Remote Label Field: Field yang ditampilkan sebagai teks pilihan pada dropdown, misalnya
name. - Tooltip: Teks bantuan singkat (maks. 255 karakter) yang muncul saat kursor diarahkan ke ikon informasi; diaktifkan lewat toggle.
- Disabled: Menonaktifkan komponen sehingga nilainya hanya bisa dibaca dan tidak dapat diisi.
- Hide If: Ekspresi FEEL untuk menyembunyikan komponen. Komponen disembunyikan ketika ekspresi bernilai
true, dievaluasi ulang saat nilai field lain berubah. - Validation: Bila properti berikut diisi, form hanya dapat disubmit ketika kondisinya terpenuhi; jika tidak, muncul pesan validasi.
- Required: Komponen wajib diisi sebelum form disubmit.
- Required If: Komponen wajib diisi hanya bila ekspresi FEEL terpenuhi (validasi bersyarat).
Langkah Konfigurasi
- Buka Form Builder pada User Task.
- Tambahkan komponen Remote Select dengan cara drag and drop.
- Klik dua kali komponen untuk membuka Edit Element.
- Isi Data Url, Root Data, Select Remote Value Field, dan Select Remote Label Field sesuai struktur JSON endpoint.
- Klik Save Changes.
