ورودی چندگانه تلفن

در برخی مواقع نیاز است بخواهیم یک یا چند شماره تلفن را از کاربر بگیریم این شماره ها ممکن است دارای عنوان و مهمتر دارای ساختار صحیح باشند. یعنی کد کشور، استان و شماره قابل تفکیک باشند. شما در آینده میخواهید از این شماره ها در ارتباطات استفاده کنید.

برای استفاده از این موضوع به مثال زیر توجه کنید.

LTR

RTL

خصوصیات

labels
اگر میخواهید زمانیکه اطلاعات شماره را وارد کنید، عبارت هر قسمت به عبارت مد نظر شما نمایش داده شود، این خصوصیت را مقدار دهی کنید. برای مثال {'caption':'عنوان','country':'کشور','area':'شهر','number':'شماره','extension':'داخلی'}

value
برای مقدار دهی اولیه است. آرایه ای از رشته که درون هر کدام مشخصه یک شماره است.
هر گزینه با علامت | از هم جدا شده و ترتیب به شرح زیر است.
'Caption|Country|Area|Number|extension'

dialog
برای شخصی سازی و تغییر گزینه های بازشونده، از این خصوصیت استفاده میشود. در بخش شخصی سازی به صورت کامل شرح داده میشود.

max
تعداد حداکثر شماره های قابل ثبت را مشخص میکند، مقدار صفر یعنی بدون محدودیت.

خصوصیات جاوا اسکریپت

onitemclick
بعد از مقدار دهی هر شماره به صورت لینک callto مشخص میشود، اگر میخواهید بعد از کلیک کردن عملی را انجام دهید. در رخداد itemClick آنرا مشخص کنید.
itemClick: (t: IWNMultiInputPhone, node: WNPhoneNode) => void

سفارشی کردن

اگر میخواهید موضوع را سفارشی کنید بایستی تمام اجزا را طبق تعاریف بسازید. جهت تعریف اجزا به مثال زیر توجه کنید.

نیاز دارید یک محفظه مخفی داشته باشید و درون آن بر اساس چیدمان مد نظر پر کنید. حتما بایستی موارد زیر را رعایت کنید.

همچنین در خصوصیت dialog باید id آن محفظه را بدهید. مدیریت برچسب ها نیز با خود شما خواهد بود.

ul برای نمایش لیست شماره ها
input class="caption" ورودی عنوان
input class="country" ورودی کد کشور
input class="area" ورودی کد شهر
input class="number" ورودی شماره
input class="ext" ورودی داخلی
button class="add" کلید اضافه
button class="save" کلید ذخیره
button class="delete" کلید حذف
button class="up" کلید جابجایی شماره به بالا
button class="down" کلید جابجایی شماره به رتبه پایین تر

LTR

    اعتبار سنجی

    برای ایجاد اعتبار سنجی برای موضوع، همانند دیگر مضوعات عمل کنید

    LTR

    Correct.
    Error!

    hide-valid

    Correct.
    Error!

    RTL

    صحیح
    خطا!

    مخفی کردن ورودی های درست

    صحیح
    خطا!

    فقط خواندنی و غیر فعال

    Readonly

    Disabled

    تم های مختلف

    LTR

    Normal

    Correct.
    Error!

    Floating

    Correct.
    Error!

    Floating Line

    Correct.
    Error!

    Group

    Correct.
    Error!

    RTL

    Normal

    صحیح
    خطا!

    Floating

    صحیح
    خطا!

    Floating Line

    صحیح
    خطا!

    Group

    صحیح
    خطا!