Joget Form Builder allows you to dynamically change the options/selections of a select box/radio button/radio based on another form's field value.
In the example shown below, the "Category" select box is based on the type of leave designated in the Type of Leave field. |
Joget Form Builder ช่วยให้คุณสามารถเปลี่ยน options/selections / select box/radio button/radio โดยยึดตามค่าฟิลด์ของฟอร์มอื่น ในตัวอย่างที่แสดงด้านล่างกล่องเลือก "หมวดหมู่" จะขึ้นอยู่กับประเภทของการลาที่กำหนดในฟิลด์ประเภทการลา |
Figure 1: Category Dynamically Changes Options Based on Type of Leave
รูปที่ 1: หมวดหมู่เปลี่ยนตัวเลือกแบบไดนามิกโดยยึดตามประเภทการลา |
Configure "Options" in the Type of Leave properties.
กำหนดค่า "ตัวเลือก" ในคุณสมบัติประเภทการลา |
Figure 2: Creating a Select Box
รูปที่ 2: การสร้าง Select Box |
In the Category properties, group the options and tie them to the form element "type".
ในคุณสมบัติหมวดหมู่ให้จัดกลุ่มตัวเลือกและผูกเข้ากับองค์ประกอบของรูปแบบ "type" |
Figure 3: Creating a Select Box with Dynamic Options
รูปที่ 3: การสร้างกล่องเลือกด้วยตัวเลือกแบบไดนามิก |
It is also possible to populate Options through the use of Options Data Store. For example, the form table below stores all categories.
นอกจากนี้ยังเป็นไปได้ที่จะเพิ่มตัวเลือกผ่านการใช้ Options Data Store ตัวอย่างเช่นตารางฟอร์มด้านล่างจัดเก็บหมวดหมู่ทั้งหมด |
Figure 4: Form Table "Categories"
รูปที่ 4: ตารางแบบฟอร์ม "หมวดหมู่" |
In the Category properties, go to "Load Data From"; choose "Form Data". Then go to the Configure Form tab and choose the form as shown in the example below.
ในคุณสมบัติหมวดหมู่ให้ไปที่ "เลือกตัวเลือก Data Store"; เลือก "Data Store ตัวเลือกฟอร์มเริ่มต้น" จากนั้นไปที่แท็บเลือกแบบฟอร์มและป้อนข้อมูลที่แสดงในตัวอย่างด้านล่าง |
Figure 5: Loading Options from Another Form Table
รูปที่ 5: ตัวเลือกการโหลดจากตารางฟอร์มอื่น |
Related Articles
บทความที่เกี่ยวข้อง |
องค์ประกอบที่เกี่ยวข้อง |