Select Box เป็นหนึ่งในองค์ประกอบการป้อนแบบฟอร์ม HTML ทั่วไป ในการสร้างแบบฟอร์มหนึ่งสามารถกำหนดตัวเลือกที่มีให้กับกล่องเลือกด้วยวิธีการต่าง ๆ รวมถึงการใช้ตัวเลือกแบบ ตัวเลือกแบบฟอร์ม (Form Options Binder). |
ภาพที่ 1: ภาพตัวอย่างแสดงช่องเลือกแบบดึงลงใน App CRM
ภาพรวมในหัวข้อนี้ได้จาก http://localhost:8080/jw/web/console/app/crm/1/form/builder/crm_account
ภาพที่ 2: คุณสมบัติช่องเลือกแบบดึงลง
| Name | Description | |
| ID | รหัส (เมื่อประกาศ ID ชื่อ "country" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_country") | |
| Label | ชื่อที่จะแสดงให้ผู้ใช้เห็น. | |
| Options (Hardcoded) | ตัวเลือกซีเล็กบล็อก
| |
| Or Choose Options Binder | ตัวเลือกซีเล็กบล็อกโดยใช้ปลั๊กอินตัวเลือกแบบ Options Binder plugin.
|
ภาพที่ 3: คุณสมบัติช่องเลือกแบบดึงลง - ตัวเลือกขั้นสูง
| Name | Description | ||
|---|---|---|---|
| Value | ดีฟอลต์ค่าเริ่มต้นเมื่อไม่มีค่าใดๆ คุณอาจใช้ตัวแปร Hash variable ตามตัวอย่างต่อไปนี้
เพื่อกำหนดชื่อผู้ใช้ที่ลงชื่อเข้าใช้อยู่ ลงในฟิลด์ คุณอาจกำหนดตัวเลือกเริ่มต้นหลายตัว คั้นโดยใช้เครื่องหมายอัฒภาค
| ||
| Multiple Selection | เลือกได้หลายรายการ | ||
| Validator | แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา
| ||
| Field ID to control available options based on Grouping | เปลี่ยนตัวเลือกที่มีอยู่แบบไดนามิกให้ตัวเลือกขึ้นตาม "การจัดกลุ่ม" ที่กำหนดไว้โดยจับคู่กับค่าข้อมูลของรหัสที่กำหนด | ||
| Size (Rows) | กำหนดจำนวนแถวที่จะแสดง ตัวเลือกนี้มีประโยชน์เมื่อคาดว่าจะมีการเลือกหลายแบบ | ||
| Readonly | กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ | ||
| Display field as Label when readonly? | แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่มีกล่องข้อความ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly" | ||
| Workflow Variable | ถ้าแบบฟอร์มเป็นส่วนหนึ่งของเวิร์กโฟลว์โพรเซส เมื่อบันทึกแบบฟอร์ม (โดยคลิกที่ปุ่ม "Save as Draft" หรือ "Complete") ค่าในฟิลด์อินพุตนี้จะถูกบันทึกลงในตัวแปรเวิร์กโฟลว์ที่ระบุไว้ที่นี่
|