Relselect

انقر للنسخ

حدد المكون لتحديد القيم من نماذج البيانات.


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

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

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


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

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

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

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

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

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

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

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

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


بيانات

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

Label - يتم إظهار حقول نموذج البيانات في خيار قائمة منسدلة واحد.


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

  • عند onChange - يتم إطلاقه عند تغيير خيار القائمة المنسدلة.
  • onFocus - يتم إطلاقه عند تركيز مكون Relselect.
  • onBlur - يتم إطلاقه عندما يكون مكون Relselect غير واضح.
  • onCreate - يتم إطلاقه عند إنشاء المكون.
  • onShow - يتم إطلاقه عند عرض المكون.
  • onHide - يتم إطلاقه عند إخفاء المكون.
  • onSearch - يتم إطلاقه عندما يبحث المستخدم بالخيارات المتاحة.
  • onOpen - حرائق في القائمة المنسدلة.
  • onLoadAll - يتم إطلاقه عند تنزيل جميع خيارات القائمة المنسدلة.

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

RelSelect Get Properties

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

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

  • Component Id [string] - معرف مكون RelSelect ؛

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

  • Selected [Data Model type/ Data Model Array type] - الخيار (الخيارات) المحددة. ليتم عرضها في عملية الأعمال عند تحديد معرف المكون فقط.
  • Data [Data Model Array type] - مصفوفة عناصر نموذج البيانات التي سيتم استخدامها. متاح في عملية الأعمال عندما يتم تحديد معرف المكون فقط.
  • 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] - الرسالة التي ستظهر على التحقق من صحة القيمة.

RelSelect Get Properties

RelSelect Set Properties

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

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

  • Component Id [string] - معرف مكون RelSelect ؛
  • 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] - الرسالة التي ستظهر على التحقق من صحة القيمة.

RelSelect Set Properties

RelSelect Update Properties

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

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

  • Selected [Data Model type/ Data Model Array type] - الخيار (الخيارات) المحددة. ليتم عرضها في عملية الأعمال عند تحديد Component ID فقط.
  • Data [Data Model Array type] - مصفوفة عناصر نموذج البيانات التي سيتم استخدامها. متاح في عملية الأعمال عندما يتم تحديد Component ID فقط.
  • Component Id [string] - معرف مكون RelSelect ؛
  • 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] - الرسالة التي ستظهر على التحقق من صحة القيمة.

RelSelect Get Properties


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

يلزم تنزيل خيارات القائمة المنسدلة من الخادم لمشاهدتها.

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

1.احصل على مصفوفة نموذج البيانات ( طلب الخادم GET ) عند إنشاء مكون RelSelect ( onCreate ).

2-قم بتحديث بيانات القائمة المنسدلة ( RelSelect Update Properties )