chọn lại

Cài đặt ban đầu

Data source dữ liệu - mô hình dữ liệu được sử dụng để hiển thị các tùy chọn thả xuống từ đó.

Mode - chọn Multiple để 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ế độ Single .

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.

Dữ liệu

Data source - Mô hình dữ liệu đang sử dụng. Chỉ có thể định cấu hình khi tạo thành phần.

Label - Các trường Mô hình Dữ liệu sẽ được hiển thị trong một tùy chọn thả xuống duy nhất.

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 thay đổi.
• onFocus - kích hoạt khi thành phần Relselect đang được tập trung.
• onBlur - kích hoạt khi thành phần Relselect bị mờ.
• onCreate - kích hoạt khi thành phần được tạo.
• onShow - kích hoạt khi thành phần được hiển thị.
• onHide - kích hoạt khi thành phần bị ẩn.
• onSearch - kích hoạt khi người dùng tìm kiếm với các tùy chọn có sẵn.
• onOpen - kích hoạt trong danh sách thả xuống.
• onLoadAll - kích hoạt khi tất cả các tùy chọn thả xuống được tải xuống.

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

RelSelect 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] - Định danh của thành phần RelSelect;

Thông số đầu ra :

• Selected [Data Model type/ Data Model Array type] - (các) tùy chọn đã chọn. Chỉ được hiển thị trong quy trình kinh doanh khi ID Thành phần được chỉ định.
• Data [Data Model Array type] - mảng các phần tử Mô hình dữ liệu sẽ được sử dụng. Có sẵn trong quy trình kinh doanh khi ID thành phần chỉ được chỉ định.
• 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ị;
• 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ị.

RelSelect Set Properties

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

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

• Component Id [string] - Định danh của thành phần RelSelect ;
• 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ị;
• 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ị.

RelSelect Update Properties

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

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

• Selected [Data Model type/ Data Model Array type] - (các) tùy chọn đã chọn. Chỉ được hiển thị trong quy trình kinh doanh khi Component ID được chỉ định.
• Data [Data Model Array type] - mảng các phần tử Mô hình dữ liệu sẽ được sử dụng. Có sẵn trong quy trình kinh doanh khi Component ID chỉ được chỉ định.
• Component Id [string] - Định danh của thành phần RelSelect ;
• 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ị;
• 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

Cần phải tải xuống các tùy chọn thả xuống từ máy chủ để xem chúng.

Logic nên như sau:

1.Nhận Mảng Mô hình Dữ liệu ( Yêu cầu máy chủ GET ) khi tạo thành phần RelSelect ( onCreate ).

2.Cập nhật dữ liệu thả xuống ( RelSelect Update Properties )