อินพุต (โทรศัพท์)

การตั้งค่ารูปลักษณ์และความรู้สึก

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 เพื่อรับค่านี้จากคอมโพเนนต์: