Lựa chọn

Cài đặt ban đầu

Mode - chọn Nhiều để có thể chọn nhiều tùy chọn từ trình đơn thả xuống. Nếu không, nên sử dụng chế độ Đơn.

Cài đặt Giao diện

Label (không phải mantory) được sử dụng để hiển thị nhãn của thành phần.

Placeholder (không bắt buộc) được sử dụng để hiển thị trình giữ chỗ của thành phần.

Name (bắt buộc) - tên của thành phần.

Size (bắt buộc) - kích thước của thành phần. Được đặt thành Mặc định khi thành phần được tạo.

Search (bắt buộc) - để có thể tìm kiếm trong các tùy chọn thả xuống có sẵn. Được tắt theo mặc định.

Clear icon (bắt buộc) - hiển thị biểu tượng tùy chọn xóa nếu được bật. Được 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.

Tùy chọn

Chọn Tùy chọn có thể được xác định trước trong cài đặt thành phần.

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

• onChange - kích hoạt khi tùy chọn thả xuống được thay đổi.
• onFocus - kích hoạt khi thành phần Chọn đang được tập trung vào.
• onBlur - kích hoạt khi thành phần Chọn bị mờ.
• onCreate - kích hoạt khi thành phần được tạo.
• onDestroy - kích hoạt khi thành phần được hiển thị.

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

Select 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] - Chọn mã định danh của thành phần;

Thông số đầu ra :

• Label [string] - nhãn của thành phần;
• Placeholder [string] - trình giữ chỗ của thành phần;
• Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
• Disable [boolean ] - tắt thành phần nếu đúng;
• Tooltip [string] - chuỗi chú giải công cụ;
• Required Mark [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ị;
• Options [Select Option array] - một mảng các tùy chọn chọn được xác định trước;
• Selected [Select Option array] - một mảng các tùy chọn đã chọn hoặc chỉ một mảng có một phần tử trong trường hợp Chế độ đơn;
• 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 được hiển thị khi xác thực giá trị;

Select Set Properties

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

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

• Component Id [string] - Chọn mã định danh của thành phần;
• Label [string] - nhãn của thành phần;
• Placeholder [string] - trình giữ chỗ của thành phần;
• Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
• Disable [boolean] - tắt thành phần nếu đúng;
• Tooltip [string] - chuỗi chú giải công cụ;
• Required Mark [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ị;
• Options [Select Option array] - một mảng các tùy chọn chọn được xác định trước;
• 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 được hiển thị khi xác thực giá trị;

Chọn Cập nhật thuộc tính

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] - Chọn mã định danh của thành phần;
• Label [string] - nhãn của thành phần;
• Placeholder [string] - trình giữ chỗ của thành phần;
• Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
• Disable [boolean] - tắt thành phần nếu đúng;
• Tooltip [string] - chuỗi chú giải công cụ;
• Required Mark [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ị;
• Options [Select Option array] - một mảng các tùy chọn chọn được xác định trước;
• 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 được hiển thị khi xác thực giá trị;

Make Select Option

Soạn mô hình Chọn tùy chọn với các trường đã cho.

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

• ID [integer] - Chọn ID tùy chọn;
• Label [string] - Chọn nhãn của Tùy chọn;
• Value [integer] - Chọn giá trị đặt hàng của Tùy chọn trong danh sách thả xuống;
• Icon [string] - biểu tượng được sử dụng trong mục Chọn tùy chọn;
• Disabled [boolean] - tắt tùy chọn Chọn nếu đúng;

Thông số đầu ra :

• Select Option [Select Option] - Chọn Mô hình tùy chọn;

Expand Select Option

Mở rộng Chọn mô hình Tùy chọn.

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

• Select Option [Select Option] - Chọn Mô hình tùy chọn;

Thông số đầu ra :

• ID [integer] - Chọn ID tùy chọn;
• Label [string] - Chọn nhãn của Tùy chọn;
• Value [integer] - Chọn giá trị đặt hàng của Tùy chọn trong danh sách thả xuống;
• Icon [string] - biểu tượng được sử dụng trong mục Chọn tùy chọn;
• Disabled [boolean] - tắt tùy chọn Chọn nếu đúng;

Ví dụ sử dụng

Có thể soạn và thêm các mục Select Option mới vào danh sách thả xuống thông qua các quy trình kinh doanh giao diện người dùng.

Logic nên như sau:

• Soạn một mục Select Option mới với các trường được chỉ định ( Make Select Option )

• Lấy mảng Select Option items hiện có ( Select Get Properties ) và hợp nhất nó với Select Option item đã tạo trước đó ( Append Array )

• Cập nhật Select Option items array ( Select Update Properties ) cho thành phần Select đã chỉ định