Đầu vào (thả nổi)

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

Trường nhập cho số float


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.

Hành động thành phần:

InputFloat 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 [float] - giá trị nhỏ nhất;
  • Max [float] - giá trị tối đa;
  • Step [float] - thay đổi bước;
  • Value [float] - 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(float) Get Properties

InputFloat 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 [float] - giá trị nhỏ nhất;
  • Max [float] - giá trị tối đa;
  • Step [float] - thay đổi bước;
  • Value [float] - 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(float) 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 [float] - giá trị nhỏ nhất;
  • Max [float] - giá trị tối đa;
  • Step [float] - thay đổi bước;
  • Value [float] - 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(float) Update Properties

Ví dụ sử dụng:

Input (float) phù hợp để nhập các giá trị float, ví dụ như tọa độ