เลือก (enum)

การตั้งค่าเริ่มต้น

Data source - ประเภทของวัตถุ enum ที่จะใช้เพื่อแสดงตัวเลือกแบบเลื่อนลงจาก

Mode - เลือก Multiple รายการเพื่อให้สามารถเลือกได้หลายตัวเลือกจากเมนูแบบเลื่อนลง มิฉะนั้น ควรใช้โหมดเดี่ยว

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

Label (ไม่บังคับ) เพื่อใช้แสดงป้ายกำกับส่วนประกอบ

ตัว Placeholder (ไม่บังคับ) ที่จะใช้เพื่อแสดงตัวยึดของส่วนประกอบ

Name (จำเป็น) - ชื่อของส่วนประกอบ

Size (บังคับ) - ขนาดของส่วนประกอบ ถูกตั้งค่าเป็นค่าเริ่มต้นเมื่อสร้างส่วนประกอบ

Search (บังคับ) - เพื่อให้สามารถค้นหาภายในตัวเลือกแบบเลื่อนลงที่มีอยู่ ถูกปิดโดยปริยาย

Clear icon (จำเป็น) - แสดงไอคอนตัวเลือกที่ชัดเจนหากเปิดใช้งาน ถูกปิดโดยปริยาย

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

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

ข้อมูล

Data source - โมเดลข้อมูล ที่ใช้งานอยู่ กำหนดค่าได้เฉพาะเมื่อสร้างส่วนประกอบเท่านั้น

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

• onChange - เริ่มทำงานเมื่อสถานะของส่วนประกอบมีการเปลี่ยนแปลง
• onFocus - เริ่มทำงานเมื่อคอมโพเนนต์ Select (enum) ถูกโฟกัส
• onBlur - เริ่มทำงานเมื่อคอมโพเนนต์ Select (enum) เบลอ
• onCreate - เริ่มทำงานเมื่อส่วนประกอบถูกสร้างขึ้น
• onDestroy - เริ่มทำงานเมื่อส่วนประกอบถูกทำลาย

การกระทำของคอมโพเนนต์:

Select Enum Get Properties

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

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

• Component Id [string] - เลือกตัวระบุส่วนประกอบของ Enum;

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

• Selected [enum / enum array] - ตัวเลือกที่เลือก จะแสดงในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น
• Label [string] - ป้ายกำกับส่วนประกอบ
• ตัว Placeholder [string] - ตัวยึดตำแหน่งส่วนประกอบ
• Allow Clear [boolean] - อนุญาตให้ล้างการเลือกหากเป็นจริง
• Disable [boolean] - ปิดใช้งานส่วนประกอบหากเป็นจริง
• Tooltip [string] - สตริงคำแนะนำเครื่องมือ;
• Required Mark [boolean] - แสดงเครื่องหมายที่จำเป็นหากเป็นจริง
• Debounce (ms) [integer] - หน่วงเวลาเพื่อตรวจสอบความถูกต้องของค่า;
• Validate Icon [boolean] - ไอคอนที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Status [Status type] - สถานะที่จะแสดงในการตรวจสอบความถูกต้องของค่า;
• Validate Message [string] - ข้อความที่จะแสดงในการตรวจสอบความถูกต้องของค่า

Select Enum Set Properties

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

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

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

Select Enum Update Properties

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

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

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

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

เป็นไปได้ที่จะทำให้บางตัวเลือกถูกเลือกไว้ล่วงหน้าในคอมโพเนนต์ Select (Enum)

ตรรกะควรเป็นดังนี้:

• ลากและวางบล็อกกระบวนการทางธุรกิจ Select Enum Set Properties ลงในผืนผ้าใบ

• กำหนด Component ID เพื่อให้คุณสมบัติที่ Selected มองเห็นได้สำหรับการกำหนดค่า

• เมื่อ Selected ได้แล้ว ให้กำหนดค่าตามต้องการ

• ตรรกะนี้ควรทำงานเมื่อส่วนประกอบถูกสร้างขึ้น ( onCreate )