Form

Remote Select

Dropdown dengan data dari API/database eksternal

Remote Select

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 VariableTipe Kolom ReportFormat ValueContoh
Stringtextnilai field terpilihuser@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 contents atau data.
  • Select Remote Value Field: Field yang disimpan sebagai nilai variabel, misalnya id atau email.
  • 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

  1. Buka Form Builder pada User Task.
  2. Tambahkan komponen Remote Select dengan cara drag and drop.
  3. Klik dua kali komponen untuk membuka Edit Element.
  4. Isi Data Url, Root Data, Select Remote Value Field, dan Select Remote Label Field sesuai struktur JSON endpoint.
  5. Klik Save Changes.