Chọn (enum)

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

Chọn thành phần để chọn kiểu liệt kê các đối tượng.


Cài đặt ban đầu

Data source - loại đối tượng enum sẽ đượ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ế độ Đơ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.


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.


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

  • onChange - kích hoạt khi trạng thái của thành phần thay đổi.
  • onFocus - kích hoạt khi thành phần Chọn (enum) đang được tập trung vào.
  • onBlur - kích hoạt khi thành phần Chọn (enum) 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 bị phá hủy.

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

Select Enum 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 Enum;

Thông số đầu ra :

  • Selected [enum / enum array] - (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.
  • 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ị

Select Enum Get Properties

Select Enum Set Properties

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

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

  • Selected [enum/ enum array] - (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.
  • Component Id [string] - đị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ị;
  • 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 Enum Set Properties

Select Enum 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 [enum/ enum array] - (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.
  • Component Id [string] - đị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ị;
  • 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 Enum Update Properties


ví dụ sử dụng

Có thể thực hiện một số tùy chọn được chọn trước trong thành phần Chọn (Enum).

Logic nên như sau:

  • Kéo và thả khối quy trình kinh doanh Select Enum Set Properties vào canvas.

  • Xác định Component ID để hiển thị thuộc tính Selected để định cấu hình.

  • Sau khi Selected khả dụng, hãy xác định giá trị nếu cần.

  • Logic này sẽ hoạt động khi thành phần được tạo ( onCreate ).