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 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 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] - الرسالة التي ستظهر على التحقق من صحة القيمة.

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

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

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

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

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