Input (integer)

Klik untuk menyalin

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.

Input String Get Properties

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.

Input Integer Set Properties

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.

Input Integer Update Propertiess


Contoh penggunaan

Input(integer) cocok untuk memasukkan nilai numerik, misalnya untuk harga