Select (enum)

Klik untuk menyalin

Pilih komponen untuk memilih jenis objek Enumerasi.


Pengaturan awal

Data source - enum jenis objek yang akan digunakan untuk menampilkan opsi tarik-turun.

Mode - pilih Multiple untuk dapat memilih beberapa opsi dari dropdown. Jika tidak, mode Tunggal harus digunakan.


Pengaturan Tampilan dan Nuansa

Label (bukan mantory) digunakan untuk menunjukkan label komponen.

Placeholder (tidak wajib) digunakan untuk menunjukkan placeholder komponen.

Name (wajib) - nama komponen.

Size (wajib) - ukuran komponen. Diset ke Default saat komponen dibuat.

Search (wajib) - untuk dapat mencari dalam opsi dropdown yang tersedia. Dinonaktifkan secara default.

Clear icon (wajib) - menampilkan ikon opsi yang jelas jika diaktifkan. Dinonaktifkan secara default.

Disabled (wajib) - membuat komponen dinonaktifkan jika dihidupkan. Dinonaktifkan secara default.

Visible (wajib) - membuat komponen terlihat jika dihidupkan. Diaktifkan secara default.


Data

Data source data - Model Data yang digunakan. Dapat dikonfigurasi hanya pada pembuatan komponen.


Pemicu alur kerja

  • onChange - aktif ketika status komponen berubah.
  • onFocus - aktif ketika komponen Select (enum) sedang difokuskan.
  • onBlur - menyala ketika komponen Select (enum) kabur.
  • onCreate - aktif saat komponen dibuat.
  • onDestroy - menyala ketika komponen dihancurkan.

Tindakan Komponen:

Select Enum Get Properties

Mendapatkan properti komponen.

Parameter masukan :

  • Component Id [string] - Pilih pengenal komponen Enum;

Parameter keluaran :

  • Selected [enum / enum array] dipilih - opsi yang dipilih. Untuk ditampilkan dalam proses bisnis saat ID Komponen hanya ditentukan.
  • Label [string] - label komponen;
  • Placeholder [string] - placeholder komponen;
  • Allow Clear [boolean] - memungkinkan menghapus pilihan jika benar;
  • Disable [boolean] - menonaktifkan komponen jika benar;
  • Tooltip [string] - string tooltip;
  • Required Mark [boolean] - menunjukkan tanda wajib jika benar;
  • Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
  • Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
  • Validate Status [Status type] - status yang akan ditampilkan pada validasi nilai;
  • Validate Message [string] - pesan yang akan ditampilkan pada validasi nilai

Select Enum Get Properties

Select Enum Set Properties

Mengatur properti komponen.

Parameter masukan :

  • Selected [enum/ enum array] dipilih - opsi yang dipilih. Untuk ditampilkan dalam proses bisnis saat Component ID hanya ditentukan.
  • Component Id [string] - pengenal komponen;
  • Label [string] - label komponen;
  • Placeholder [string] - placeholder komponen;
  • Allow Clear [boolean] - memungkinkan menghapus pilihan jika benar;
  • Disable [boolean] - menonaktifkan komponen jika benar;
  • Tooltip [string] - string tooltip;
  • Required Mark [boolean] - menunjukkan tanda wajib jika benar;
  • Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
  • Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
  • Validate Status [Status type] - status yang akan ditampilkan pada validasi nilai;
  • Validate Message [string] - pesan yang akan ditampilkan pada validasi nilai;

Select Enum Set Properties

Select Enum Update Properties

Memperbarui properti komponen.

Parameter masukan :

  • Selected [enum/ enum array] dipilih - opsi yang dipilih. Untuk ditampilkan dalam proses bisnis saat Component ID hanya ditentukan.
  • Component Id [string] - pengenal komponen;
  • Label [string] - label komponen;
  • Placeholder [string] - placeholder komponen;
  • Allow Clear [boolean] - memungkinkan menghapus pilihan jika benar;
  • Disable [boolean] - menonaktifkan komponen jika benar;
  • Tooltip [string] - string tooltip;
  • Required Mark [boolean] - menunjukkan tanda wajib jika benar;
  • Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
  • Validate Icon [boolean] - ikon yang akan ditampilkan pada validasi nilai;
  • Validate Status [Status type] - status yang akan ditampilkan pada validasi nilai;
  • Validate Message [string] - pesan yang akan ditampilkan pada validasi nilai;

Select Enum Update Properties


Contoh penggunaan

Dimungkinkan untuk membuat beberapa opsi untuk dipilih sebelumnya dalam komponen Select (Enum).

Logikanya harus sebagai berikut:

  • Seret dan lepas blok proses bisnis Select Enum Set Properties ke kanvas.

  • Tentukan Component ID untuk membuat properti Selected terlihat untuk dikonfigurasi.

  • Setelah Selected tersedia, tentukan nilainya sesuai kebutuhan.

  • Logika ini akan berfungsi saat komponen dibuat ( onCreate ).