Đầu vào (số nguyên)

Nhấn vào đây để sao chép

Trường đầu vào cho các giá trị số nguyên


Cài đặt Giao diện:

Label (không bắt buộc) - nhãn cho đầu vào.

Default value (không bắt buộc) - nhập giá trị mặc định.

Placeholder (không bắt buộc) - trình giữ chỗ cho đầu vào.

Name (bắt buộc) - tên của đầu vào.

Tooltip (không bắt buộc) - gợi ý cho đầu vào.

Min (không bắt buộc) - giá trị tối thiểu.

Max (không bắt buộc) - giá trị tối đa.

Step (không bắt buộc) - thay đổi bước.

Required (bắt buộc) - làm cho trường bắt buộc. Bị tắt theo mặc định.

Allow clear (bắt buộc) - biểu tượng để xóa đầu vào. Bị tắt theo mặc định.

Validate icon (bắt buộc) - biểu tượng xác thực cho đầu vào. Bị tắt theo mặc định.

Disabled tắt (bắt buộc) - làm cho thành phần bị tắt nếu được bật. Được tắt theo mặc định.

Visible (bắt buộc) - hiển thị thành phần nếu được bật. Được bật theo mặc định.


Trình kích hoạt quy trình làm việc:

  • onCreate – kích hoạt khi phần tử được tạo trên trang;
  • onShow – kích hoạt khi thành phần thay đổi trạng thái thành hiển thị (hiển thị trên trang);
  • onHide – kích hoạt khi thành phần thay đổi trạng thái thành ẩn (ngừng hiển thị);
  • onDestroy – kích hoạt trước khi thành phần bị phá hủy;
  • onChange - kích hoạt khi giá trị bị thay đổi;
  • onFocus - kích hoạt khi thành phần đang được tập trung;
  • onBlur - kích hoạt khi thành phần bị mờ;
  • onEnterKey - kích hoạt khi nhấn Enter.

Component Actions:

InputInteger Get Properties

Nhận các thuộc tính của thành phần.

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần đầu vào.

Thông số đầu ra :

  • Label [string] - nhãn đầu vào;
  • Placeholder [string] - trình giữ chỗ đầu vào;
  • Allow clear [boolean] - trạng thái cho phép rõ ràng;
  • Disable [boolean] - tắt thành phần nếu đúng;
  • Visible [boolean] - trạng thái hiển thị thành phần;
  • Tooltip [string] - gợi ý trường nhập;
  • Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
  • Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
  • Min [integer] - giá trị nhỏ nhất;
  • Max [integer] - giá trị lớn nhất;
  • Step [integer] - thay đổi bước;
  • Value [string] - giá trị từ đầu vào;
  • Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
  • Validate Status [status type] - trạng thái được hiển thị khi xác thực giá trị;
  • Validate Message [string] - thông báo sẽ được hiển thị khi xác thực giá trị.

Input String Get Properties

InputInteger Set Properties

Đặt thuộc tính của thành phần.

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần đầu vào.
  • Label [string] - nhãn đầu vào;
  • Placeholder [string] - trình giữ chỗ đầu vào;
  • Allow clear [boolean] - trạng thái cho phép rõ ràng;
  • Disable [boolean] - tắt thành phần nếu đúng;
  • Visible [boolean] - trạng thái hiển thị thành phần;
  • Tooltip [string] - gợi ý trường nhập;
  • Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
  • Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
  • Min [integer] - giá trị nhỏ nhất;
  • Max [integer] - giá trị lớn nhất;
  • Step [integer] - thay đổi bước;
  • Value [string] - giá trị từ đầu vào;
  • Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
  • Validate Status [status type] - trạng thái được hiển thị khi xác thực giá trị;
  • Validate Message [string] - thông báo sẽ được hiển thị khi xác thực giá trị.

Input Integer Set Properties

InputInteger Update Properties

Cập nhật các thuộc tính của thành phần.

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần đầu vào.
  • Label [string] - nhãn đầu vào;
  • Placeholder [string] - trình giữ chỗ đầu vào;
  • Allow clear [boolean] - trạng thái cho phép rõ ràng;
  • Disable [boolean] - tắt thành phần nếu đúng;
  • Visible [boolean] - trạng thái hiển thị thành phần;
  • Tooltip [string] - gợi ý trường nhập;
  • Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
  • Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
  • Min [integer] - giá trị nhỏ nhất;
  • Max [integer] - giá trị lớn nhất;
  • Step [integer] - thay đổi bước;
  • Value [string] - giá trị từ đầu vào;
  • Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
  • Validate Status [status type] - trạng thái được hiển thị khi xác thực giá trị;
  • Validate Message [string] - thông báo sẽ được hiển thị khi xác thực giá trị.

Input Integer Update Propertiess


ví dụ sử dụng

Input(integer) phù hợp để nhập các giá trị số, ví dụ như giá