| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
Popup Select Box is an enhancement of the ordinary SelectBox. Instead of selecting from a generic drop-down list, the Popup Select Box allows you to select from a Datalist instead. เป็นการปรับปรุงของ SelectBox แบบเดิม แทนที่จะเลือกจากรายการแบบดรอปดาวน์ทั่วไปแต่จะมีป๊อปอัพขึ้นมาให้คุณเลือกจาก Datalist แทน |
| Info | ||
|---|---|---|
| ||
If you have thousands of selections to choose from, Popup Select Box is an ideal form element to use as you will be choosing from listing with pagination and search filter, improving loading speed and user experience. |
...
หากคุณมีตัวเลือกมากมายให้เลือก Popup Select Box เป็นรูปแบบที่เหมาะสำหรับการใช้งาน คุณจะสามารถเลือกจากรายการที่มีหลายหน้า มีตัวกรองการค้นหาข้อมูล และมีความเร็วในการโหลดข้อมูล |
ภาพที่ 1: ภาพตัวอย่างแสดงป๊อปอัพซีเล็กบล็อกในแบบฟอร์ม
ภาพที่ 2: ภาพตัวอย่างแสดงป๊อปอัพซีเล็กบล็อกในแบบฟอร์มจริง
ภาพที่ 3: ภาพแสดงป๊อปอัพซีเล็กบล็อกในแบบฟอร์มจริง - ทำการเลือก
ภาพที่ 4: คุณสมบัติป๊อปอัพซีเล็กบล็อก
Figure 1: Screenshot showing Popup Select Box in Form Builder
Figure 2: Screenshot showing Popup Select Box in actual Form
Figure 3: Screenshot showing Popup Select Box in actual Form - Performing selection
Figure 4: Popup Select Box Properties
| Name | Description |
|---|---|
| ID | Element ID (By declaring as รหัส (เมื่อประกาศชื่อ "appeal_claim" , a corresponding database table column แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_appeal_claim" will be created) |
| LabelElement | Label to be displayed to end userชื่อที่จะแสดงให้ผู้ใช้เห็น. |
| Data ListData List to display for selection. | รายการข้อมูลที่จะแสดง |
| Display FieldField ID | from the target Data List for eventual selected option label.ID ฟิลด์จากรายการข้อมูลของตัวเลือกที่เลือกไว้ |
Figure ภาพที่ 5: Popup Select Box Properties - Advanced Options คุณสมบัติของป๊อปอัพซีเล็กบล็อก - ตัวเลือกขั้นสูง
| Name | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Default Value Default Value when there's no existing value found/selected. | ดีฟอลต์ค่าเริ่มต้นเมื่อไม่มีค่าใดๆ คุณอาจใช้ตัวแปร Hash variable ตามตัวอย่างต่อไปนี้Hash variable is accepted here. For example, you may key the following
to pre-populate the field with current logged in user's name. เพื่อกำหนดชื่อผู้ใช้ที่ลงชื่อเข้าใช้อยู่ ลงในฟิลด์ คุณอาจกำหนดตัวเลือกเริ่มต้นหลายตัว คั้นโดยใช้เครื่องหมายอัฒภาคYou may define multiple default options by separating them using semicolons.
| ||||||||
| ID Field | ค่า ID คอลัมน์ของรายการข้อมูลที่จะบันทึกเป็นค่าของตัวเลือก ค่าเริ่มต้น: Target Data List's column ID value to be saved as option value. Default:id | ||||||||
| Multiple SelectionToggle Multiple Selection. | การเลือกหลายรายการ | ||||||||
| URL Request Parameters for Datalist | Refine the target Data List selections by defining the filter criteria here.ปรับแต่งการเลือกรายการข้อมูลโดยกำหนดตัวกรองข้อมูลที่นี่
| ||||||||
| Validator | Attach a Validator plugin to validate the input value.แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา
| ||||||||
| Readonly | Determines if the element is editable.กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ | ||||||||
| Display field as Label when readonly? | Displays the value of the element as plain text when element is set to แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่มีกล่องข้อความ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly". | ||||||||
| Select Button LabelSelect Button Label | ชื่อกำกับปุ่ม | ||||||||
| Popup Dialog Height | Height in characterความสูง
| ||||||||
| Popup Dialog Width | Width in characterความกว้าง
| ||||||||
| Workflow Variable | If the form is part of a workflow process, upon saving of the form (by clicking on ถ้าแบบฟอร์มเป็นส่วนหนึ่งของเวิร์กโฟลว์โพรเซส เมื่อบันทึกแบบฟอร์ม (โดยคลิกที่ปุ่ม "Save as Draft" or หรือ "Complete" button). The value in this input field will be saved into the corresponding workflow variable named here.) ค่าในฟิลด์อินพุตนี้จะถูกบันทึกลงในตัวแปรเวิร์กโฟลว์ที่ระบุไว้ที่นี่
|