الإدخال (الهاتف)

Click to copy

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


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

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

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

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

Tooltip الأداة (ليس إلزاميًا) - سلسلة تلميح الأداة.

Mask (غير إلزامي) - يجب استخدام قناع الهاتف.

Required (إلزامي) - علامات إذا كانت القيمة مطلوبة أم لا. تم تعيينه على خطأ افتراضيًا.

Allow clear (إلزامي) - السماح بالوضوح عند الاختيار. تم تعيينه على خطأ افتراضيًا.

Validate Icon (إلزامي) - يعرض رمز التحقق في حالة التمكين. تم تعيينه على خطأ افتراضيًا.

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

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


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

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

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

InputPhone Get Properties

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

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

  • Component Id [سلسلة] - معرف المكون ؛

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

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

InputPhone Set Properties

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

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

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

InputPhone Update Properties

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

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

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


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

هناك طريقة للتحقق مما إذا كانت القيمة المدخلة فارغة أم لا. بادئ ذي بدء ، يجب التحقق من القيمة المدخلة إذا كانت فارغة أم لا. يجب تحديد Component ID من أجل الحصول على هذه القيمة من المكون: