อินพุต (จำนวนเต็ม)

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

Label (ไม่บังคับ) - ป้ายกำกับสำหรับการป้อนข้อมูล

Default value (ไม่จำเป็น) - ป้อนค่าเริ่มต้น

ตัว Placeholder (ไม่บังคับ) - ตัวยึดตำแหน่งสำหรับการป้อนข้อมูล

Name (บังคับ) - ชื่อของอินพุต

Tooltip (ไม่บังคับ) - คำใบ้สำหรับการป้อนข้อมูล

ขั้น Min (ไม่จำเป็น) - ค่าต่ำสุด

Max (ไม่บังคับ) - ค่าสูงสุด

Step (ไม่จำเป็น) - เปลี่ยนขั้นตอน

Required (บังคับ) - ทำให้ฟิลด์บังคับ ปิดใช้งานโดยค่าเริ่มต้น

Allow clear (บังคับ) - ไอคอนเพื่อล้างอินพุต ปิดใช้งานโดยค่าเริ่มต้น

Validate icon (บังคับ) - ตรวจสอบไอคอนสำหรับการป้อนข้อมูล ปิดใช้งานโดยค่าเริ่มต้น

Disabled ใช้งาน (บังคับ) - ทำให้คอมโพเนนต์ถูกปิดใช้งานหากเปิดอยู่ ถูกปิดโดยปริยาย

Visible ได้ (จำเป็น) - ทำให้ส่วนประกอบมองเห็นได้หากเปิดใช้งาน เปิดใช้งานโดยค่าเริ่มต้น

ทริกเกอร์เวิร์กโฟลว์:

• onCreate – เริ่มทำงานเมื่อสร้างองค์ประกอบบนเพจ
• onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
• onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
• onDestroy – เริ่มทำงานก่อนที่ส่วนประกอบจะถูกทำลาย
• onChange - เริ่มทำงานเมื่อค่ามีการเปลี่ยนแปลง
• onFocus - เริ่มทำงานเมื่อส่วนประกอบถูกโฟกัส
• onBlur - เริ่มทำงานเมื่อส่วนประกอบเบลอ
• onEnterKey - เริ่มทำงานเมื่อกด Enter

Component Actions:

InputInteger Get Properties

รับคุณสมบัติของส่วนประกอบ

พารามิเตอร์ อินพุต :

• Component Id [string] - ตัวระบุส่วนประกอบอินพุต

พารามิเตอร์ ขา ออก:

• Label [string] - ป้ายอินพุต;
• ตัว Placeholder [string] - ตัวยึดอินพุต;
• Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
• Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
• Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
• Tooltip [string] - คำใบ้ช่องใส่;
• Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
• Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
• ขั้น Min [integer] - ค่าขั้นต่ำ;
• Max [integer] - ค่าสูงสุด;
• Step [integer] - เปลี่ยนขั้นตอน;
• Value [string] - ค่าจากอินพุต;
• Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Status [status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า

InputInteger Set Properties

ตั้งค่าคุณสมบัติของส่วนประกอบ

พารามิเตอร์ อินพุต :

• Component Id [string] - ตัวระบุส่วนประกอบอินพุต
• Label [string] - ป้ายอินพุต;
• ตัว Placeholder [string] - ตัวยึดอินพุต;
• Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
• Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
• Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
• Tooltip [string] - คำใบ้ช่องใส่;
• Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
• Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
• ขั้น Min [integer] - ค่าขั้นต่ำ;
• Max [integer] - ค่าสูงสุด;
• Step [integer] - เปลี่ยนขั้นตอน;
• Value [string] - ค่าจากอินพุต;
• Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Status [status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า

InputInteger Update Properties

อัปเดตคุณสมบัติของคอมโพเนนต์

พารามิเตอร์ อินพุต :

• Component Id [string] - ตัวระบุส่วนประกอบอินพุต
• Label [string] - ป้ายอินพุต;
• ตัว Placeholder [string] - ตัวยึดอินพุต;
• Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
• Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
• Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
• Tooltip [string] - คำใบ้ช่องใส่;
• Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
• Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
• ขั้น Min [integer] - ค่าขั้นต่ำ;
• Max [integer] - ค่าสูงสุด;
• Step [integer] - เปลี่ยนขั้นตอน;
• Value [string] - ค่าจากอินพุต;
• Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Status [status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า

ตัวอย่างการใช้งาน

Input(integer) เหมาะสำหรับการป้อนค่าตัวเลข เช่น ราคา