อินพุต (ข้อความ)
ช่องใส่ข้อความ
การตั้งค่ารูปลักษณ์และความรู้สึก:
Label (ไม่บังคับ) - ป้ายกำกับสำหรับการป้อนข้อมูล
ตัว Placeholder (ไม่บังคับ) - ตัวยึดตำแหน่งสำหรับการป้อนข้อมูล
Name (บังคับ) - ชื่อของอินพุต
Tooltip (ไม่บังคับ) - คำใบ้สำหรับการป้อนข้อมูล
Min rows (ไม่จำเป็น) - จำนวนบรรทัดขั้นต่ำที่จะป้อน
Max rows (ไม่บังคับ) - จำนวนบรรทัดสูงสุดที่จะป้อน
Required (บังคับ) - ทำให้ฟิลด์บังคับ ปิดใช้งานโดยค่าเริ่มต้น
Allow clear (บังคับ) - ไอคอนเพื่อล้างอินพุต ปิดใช้งานโดยค่าเริ่มต้น
Validate icon (บังคับ) - ตรวจสอบไอคอนสำหรับการป้อนข้อมูล ปิดใช้งานโดยค่าเริ่มต้น
Disabled ใช้งาน (จำเป็น) - ทำให้ส่วนประกอบถูกปิดใช้งานหากเปิดอยู่ ถูกปิดโดยปริยาย
Visible ได้ (จำเป็น) - ทำให้ส่วนประกอบมองเห็นได้หากเปิดใช้งาน เปิดใช้งานโดยค่าเริ่มต้น
ทริกเกอร์เวิร์กโฟลว์:
- onCreate – เริ่มทำงานเมื่อสร้างองค์ประกอบบนเพจ
- onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
- onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
- onDestroy – เริ่มทำงานก่อนที่ส่วนประกอบจะถูกทำลาย
- onChange - เริ่มทำงานเมื่อค่ามีการเปลี่ยนแปลง
- onFocus - เริ่มทำงานเมื่อส่วนประกอบถูกโฟกัส
- onBlur - เริ่มทำงานเมื่อส่วนประกอบเบลอ
การกระทำของคอมโพเนนต์
InputText Get Properties
รับคุณสมบัติของส่วนประกอบ
พารามิเตอร์ อินพุต :
- Component Id [string] - ตัวระบุส่วนประกอบอินพุต
พารามิเตอร์ ขา ออก:
- Label [string] - ป้ายอินพุต;
- ตัว Placeholder [string] - ตัวยึดอินพุต;
- Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
- Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
- Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
- Tooltip [string] - คำใบ้ช่องใส่;
- Min row [integer] - จำนวนบรรทัดขั้นต่ำที่จะป้อน
- Max row [integer] - จำนวนบรรทัดสูงสุดที่จะป้อน
- Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
- Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
- Value [text] - ค่าจากอินพุต
- Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
- Validate Status [Status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
- Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า
InputText Set Properties
ตั้งค่าคุณสมบัติของส่วนประกอบ
พารามิเตอร์ อินพุต :
- Component Id [string] - ตัวระบุส่วนประกอบอินพุต
- Label [string] - ป้ายอินพุต;
- ตัว Placeholder [string] - ตัวยึดอินพุต;
- Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
- Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
- Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
- Tooltip [string] - คำใบ้ช่องใส่;
- Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
- Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
- Value [text] - ค่าจากอินพุต
- Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
- Validate Status [status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
- Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า
InputText Update Properties
อัปเดตคุณสมบัติของคอมโพเนนต์
พารามิเตอร์ อินพุต :
- Component Id [string] - ตัวระบุส่วนประกอบอินพุต
- Label [string] - ป้ายอินพุต;
- ตัว Placeholder [string] - ตัวยึดอินพุต;
- Allow clear [boolean] - สถานะของการอนุญาตชัดเจน;
- Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
- Visible [boolean] - สถานะการมองเห็นส่วนประกอบ
- Tooltip [string] - คำใบ้ช่องใส่;
- Required [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
- Debounce (ms) [integer] - ล่าช้าในการตรวจสอบค่า;
- Value [text] - ค่าจากอินพุต
- Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
- Validate Status [status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
- Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า
ตัวอย่างการใช้งาน
ข้อความที่ป้อน -เหมาะสำหรับการเปิดโอกาสให้ผู้ใช้เขียนข้อความโดยละเอียด เช่น แสดงความคิดเห็น: