Đầu vào (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ị.

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ị.

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ị.

ví dụ sử dụng

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