Select

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

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

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

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

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

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

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

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

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

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

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

خيارات

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

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

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

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

Select Get Properties

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

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

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

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

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

Select Set Properties

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

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

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

حدد تحديث الخصائص

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

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

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

Make Select Option

تكوين نموذج Select Option مع الحقول المحددة.

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

• ID [integer] - حدد معرف الخيار ؛
• Label [string] - حدد تسمية الخيار ؛
• Value [integer] - حدد قيمة أمر الخيار في القائمة المنسدلة ؛
• Icon [string] - رمز لاستخدامه في عنصر Select Option ؛
• Disabled [boolean] - تعطيل خيار التحديد إذا كان صحيحًا ؛

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

• Select Option [Select Option] - حدد نموذج الخيار ؛

Expand Select Option

يوسع حدد نموذج الخيار.

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

• Select Option [Select Option] - حدد نموذج الخيار ؛

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

• ID [integer] - حدد معرف الخيار ؛
• Label [string] - حدد تسمية الخيار ؛
• Value [integer] - حدد قيمة أمر الخيار في القائمة المنسدلة ؛
• Icon [string] - رمز لاستخدامه في عنصر Select Option ؛
• Disabled [boolean] - تعطيل خيار التحديد إذا كان صحيحًا ؛

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

من الممكن إنشاء وإضافة عناصر Select Option جديدة إلى القائمة المنسدلة عبر عمليات أعمال الواجهة الأمامية.

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

• قم بتكوين عنصر Select Option جديد مع الحقول المحددة ( Make Select Option )

• احصل على مجموعة عناصر Select Option الحالية ( Select Get Properties ) وادمجها مع عنصر تحديد الخيار الذي تم إنشاؤه مسبقًا ( Append Array )

• تحديث مصفوفة عناصر الخيار ( Select Update Properties ) لمكون التحديد المحدد