Select (enum)

انقر للنسخ

حدد المكون لتحديد نوع تعداد الكائنات.


الإعدادات الأولية

Data source - enum نوع الكائن الذي سيتم استخدامه لإظهار خيارات القائمة المنسدلة من.

Mode - اختر Multiple لتتمكن من تحديد خيارات متعددة من القائمة المنسدلة. خلاف ذلك ، يجب استخدام الوضع الفردي.


إعدادات الشكل والمظهر

Label (ليست عباءة) لاستخدامها لإظهار تسمية المكون.

Placeholder (غير إلزامي) لاستخدامه لإظهار العنصر النائب للمكون.

Name (إلزامي) - اسم المكون.

Size (إلزامي) - حجم المكون. يتم تعيينه على الافتراضي عند إنشاء المكون.

Search (إلزامي) - لتتمكن من البحث ضمن خيارات القائمة المنسدلة المتاحة. تم إيقاف تشغيله بشكل افتراضي.

Clear icon (إلزامي) - يظهر رمز الخيارات الواضحة إذا تم تمكينه. تم إيقاف تشغيله بشكل افتراضي.

Disabled (إلزامي) - يجعل المكون معطلاً إذا تم تشغيله. تم إيقاف تشغيله بشكل افتراضي.

Visible (إلزامي) - يجعل المكون مرئيًا إذا تم تشغيله. يتم التمكين افتراضيًا.


بيانات

Data source - نموذج البيانات قيد الاستخدام. قابل للتكوين فقط عند إنشاء المكون.


مشغلات سير العمل

  • عند onChange - يتم إطلاقه عندما تتغير حالة المكون.
  • onFocus - يتم إطلاقه عندما يتم التركيز على مكون التحديد (التعداد).
  • onBlur - يتم إطلاقه عندما يكون مكون التحديد (التعداد) غير واضح.
  • onCreate - يتم إطلاقه عند إنشاء المكون.
  • onDestroy - حرائق عند تدمير المكون.

إجراءات المكونات:

Select Enum Get Properties

يحصل على خصائص المكون.

معلمات الإدخال :

  • Component Id [string] - حدد معرف مكون التعداد ؛

معلمات الإخراج :

  • Selected [enum / enum array] - خيار (خيارات) محددة. ليتم عرضها في عملية الأعمال عند تحديد معرف المكون فقط.
  • Label [string] - تسمية المكون ؛
  • Placeholder [string] - عنصر نائب للمكون ؛
  • Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
  • Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
  • Tooltip [string] - سلسلة تلميح الأدوات ؛
  • Required Mark [boolean] - تظهر العلامة المطلوبة إذا كانت صحيحة ؛
  • Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
  • Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
  • Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
  • Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة

Select Enum Get Properties

Select Enum Set Properties

يضبط خصائص المكون.

معلمات الإدخال :

  • Selected [enum/ enum array] - خيار (خيارات) محددة. ليتم عرضها في عملية الأعمال عند تحديد Component ID فقط.
  • Component Id [string] - معرف المكون ؛
  • Label [string] - تسمية المكون ؛
  • Placeholder [string] - عنصر نائب للمكون ؛
  • Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
  • Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
  • Tooltip [string] - سلسلة تلميح الأدوات ؛
  • Required Mark [boolean] - تظهر العلامة المطلوبة إذا كانت صحيحة ؛
  • Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
  • Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
  • Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
  • Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

Select Enum Set Properties

Select Enum Update Properties

يحدّث خصائص المكوّن.

معلمات الإدخال :

  • Selected [enum/ enum array] - خيار (خيارات) محددة. ليتم عرضها في عملية الأعمال عند تحديد Component ID فقط.
  • Component Id [string] - معرف المكون ؛
  • Label [string] - تسمية المكون ؛
  • Placeholder [string] - عنصر نائب للمكون ؛
  • Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
  • Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
  • Tooltip [string] - سلسلة تلميح الأدوات ؛
  • Required Mark [boolean] - تظهر العلامة المطلوبة إذا كانت صحيحة ؛
  • Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
  • Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
  • Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
  • Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

Select Enum Update Properties


مثال على الاستخدام

من الممكن عمل بعض الخيارات ليتم تحديدها مسبقًا في مكون التحديد (التعداد).

يجب أن يكون المنطق كما يلي:

  • قم بسحب وإسقاط كتلة عملية الأعمال Select Enum Set Properties في اللوحة القماشية.

  • حدد Component ID لجعل الخاصية Selected مرئية للتكوين.

  • بمجرد توفر Selected ، حدد القيمة حسب الحاجة.

  • يجب أن يعمل هذا المنطق عند إنشاء المكون ( onCreate ).