Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
English

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.

Info
titleTips

Dynamic Cascading Drop-Down List is also supported in

Datalist

List Filters too.

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 โดยยึดตามค่าฟิลด์ของฟอร์มอื่น

ในตัวอย่างที่แสดงด้านล่างกล่องเลือก "หมวดหมู่" จะขึ้นอยู่กับประเภทของการลาที่กำหนดในฟิลด์ประเภทการลา


Image Added

Image AddedImage Removed
Figure 1: Category Dynamically Changes Options Based on Type of Leave

...

Thai

กำหนดค่า "ตัวเลือก" ในคุณสมบัติประเภทการลา


Image AddedImage Removed
Figure 2: Creating a Select Box

...

Thai

ในคุณสมบัติหมวดหมู่ให้จัดกลุ่มตัวเลือกและผูกเข้ากับองค์ประกอบของรูปแบบ "type"


Image Added

Image Added
Image Removed
Image Added

Figure 3: Creating a Select Box with Dynamic Options

...

It is also possible to populate Options through the use of Options BinderData Store. For example, the form table below stores all categories.

Thai

นอกจากนี้ยังเป็นไปได้ที่จะเพิ่มตัวเลือกผ่านการใช้ Options BinderData Store ตัวอย่างเช่นตารางฟอร์มด้านล่างจัดเก็บหมวดหมู่ทั้งหมด

...

In the Category properties, go to "Choose Options BinderLoad Data From"; choose "Default Form Options BinderData". Then go to the Select Configure Form tab tab and key in choose the information form as shown in the example below.

Thai

ในคุณสมบัติหมวดหมู่ให้ไปที่ "เลือกตัวเลือก BinderData Store"; เลือก "Binder Data Store ตัวเลือกฟอร์มเริ่มต้น" จากนั้นไปที่แท็บเลือกแบบฟอร์มและป้อนข้อมูลที่แสดงในตัวอย่างด้านล่าง


Image AddedImage Removed
Figure 5: Loading Options from Another Form Table

...