Input (integer)
Bidang input untuk nilai integer
Pengaturan Tampilan dan Nuansa:
Label (tidak wajib) - label untuk input.
Default value (tidak wajib) - masukkan nilai default.
Placeholder (tidak wajib) - placeholder untuk input.
Name (wajib) - nama input.
Tooltip (tidak wajib) - petunjuk untuk input.
Min (tidak wajib) - nilai min.
Max (tidak wajib) - nilai maks.
Step (tidak wajib) - ubah langkah.
Required (wajib) - membuat bidang wajib. Dinonaktifkan secara default.
Allow clear (wajib) - ikon untuk menghapus input. Dinonaktifkan secara default.
Validate icon (wajib) - ikon validasi untuk input. Dinonaktifkan secara default.
Disabled (wajib) - membuat komponen dinonaktifkan jika dihidupkan. Dinonaktifkan secara default.
Visible (wajib) - membuat komponen terlihat jika dihidupkan. Diaktifkan secara default.
Pemicu alur kerja:
- onCreate – aktif saat elemen dibuat di halaman;
- onShow – aktif ketika komponen mengubah statusnya menjadi terlihat (ditampilkan di halaman);
- onHide – menyala ketika komponen mengubah statusnya menjadi tersembunyi (berhenti ditampilkan);
- onDestroy – menyala sebelum komponen dihancurkan;
- onChange - aktif ketika nilainya diubah;
- onFocus - aktif ketika komponen sedang difokuskan;
- onBlur - menyala saat komponen diburamkan;
- onEnterKey - menyala saat Enter ditekan.
Component Actions:
InputInteger Get Properties
Mendapatkan properti komponen.
Parameter masukan :
- Component Id [string] - pengenal komponen masukan.
Parameter keluaran :
- Label [string] - label masukan;
- Placeholder [string] - masukan placeholder;
- Allow clear [boolean] - status izinkan clear;
- Disable [boolean] - menonaktifkan komponen jika benar;
- Visible [boolean] - status visibilitas komponen;
- Tooltip [string] - petunjuk bidang masukan;
- Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
- Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
- Min [integer] - nilai min;
- Max [integer] - nilai maksimal;
- Step [integer] - ubah langkah;
- Value [string] - nilai dari input;
- 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 saat memvalidasi nilai.
InputInteger Set Properties
Mengatur properti komponen.
Parameter masukan :
- Component Id [string] - pengenal komponen masukan.
- Label [string] - label masukan;
- Placeholder [string] - masukan placeholder;
- Allow clear [boolean] - status izinkan clear;
- Disable [boolean] - menonaktifkan komponen jika benar;
- Visible [boolean] - status visibilitas komponen;
- Tooltip [string] - petunjuk bidang masukan;
- Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
- Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
- Min [integer] - nilai min;
- Max [integer] - nilai maksimal;
- Step [integer] - ubah langkah;
- Value [string] - nilai dari input;
- 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 saat memvalidasi nilai.
InputInteger Update Properties
Perbarui properti komponen.
Parameter masukan :
- Component Id [string] - pengenal komponen masukan.
- Label [string] - label masukan;
- Placeholder [string] - masukan placeholder;
- Allow clear [boolean] - status izinkan clear;
- Disable [boolean] - menonaktifkan komponen jika benar;
- Visible [boolean] - status visibilitas komponen;
- Tooltip [string] - petunjuk bidang masukan;
- Required [boolean] - menunjukkan tanda yang diperlukan jika benar;
- Debounce (ms) [integer] - penundaan untuk memvalidasi nilai;
- Min [integer] - nilai min;
- Max [integer] - nilai maksimal;
- Step [integer] - ubah langkah;
- Value [string] - nilai dari input;
- 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 saat memvalidasi nilai.
Contoh penggunaan
Input(integer) cocok untuk memasukkan nilai numerik, misalnya untuk harga