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

انقر للنسخ

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


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

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

Input Phone Get Properties

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

Input Phone Set Properties

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

Input Phone Update Properties


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

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