Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
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.
Thai |
---|
Joget Form Builder ช่วยให้คุณสามารถเปลี่ยน options/selections / select box/radio button/radio โดยยึดตามค่าฟิลด์ของฟอร์มอื่น ในตัวอย่างที่แสดงด้านล่างกล่องเลือก "หมวดหมู่" จะขึ้นอยู่กับประเภทของการลาที่กำหนดในฟิลด์ประเภทการลา |
Figure 1: Category Dynamically Changes Options Based on Type of Leave
Thai |
---|
รูปที่ 1: หมวดหมู่เปลี่ยนตัวเลือกแบบไดนามิกโดยยึดตามประเภทการลา |
Configure "Options" in the Type of Leave properties.
Thai |
---|
กำหนดค่า "ตัวเลือก" ในคุณสมบัติประเภทการลา |
Figure 2: Creating a Select Box
Thai |
---|
รูปที่ 2: การสร้าง Select Box |
In the Category properties, group the options and tie them to the form element "type".
Thai |
---|
ในคุณสมบัติหมวดหมู่ให้จัดกลุ่มตัวเลือกและผูกเข้ากับองค์ประกอบของรูปแบบ "type" |
Figure 3: Creating a Select Box with Dynamic Options
Thai |
---|
รูปที่ 3: การสร้างกล่องเลือกด้วยตัวเลือกแบบไดนามิก |
It is also possible to populate Options through the use of Options Binder. For example, the form table below stores all categories.
Thai |
---|
นอกจากนี้ยังเป็นไปได้ที่จะเพิ่มตัวเลือกผ่านการใช้ Options Binder ตัวอย่างเช่นตารางฟอร์มด้านล่างจัดเก็บหมวดหมู่ทั้งหมด |
Figure 4: Form Table "Categories"
Thai |
---|
รูปที่ 4: ตารางแบบฟอร์ม "หมวดหมู่" |
In the Category properties, go to "Choose Options Binder"; choose "Default Form Options Binder". Then go to the Select Form tab and key in the information shown in the example below.
Thai |
---|
ในคุณสมบัติหมวดหมู่ให้ไปที่ "เลือกตัวเลือก Binder"; เลือก "Binder ตัวเลือกฟอร์มเริ่มต้น" จากนั้นไปที่แท็บเลือกแบบฟอร์มและป้อนข้อมูลที่แสดงในตัวอย่างด้านล่าง |
Figure 5: Loading Options from Another Form Table
Thai |
---|
รูปที่ 5: ตัวเลือกการโหลดจากตารางฟอร์มอื่น |
Related Articles
Thai |
---|
บทความที่เกี่ยวข้อง |
Widget Connector url https://www.youtube.com/watch?v=iT_4U4SiIiw
Thai |
---|
องค์ประกอบที่เกี่ยวข้อง |