Multi Paged Form ช่วยให้การรวมหลายหน้าในรูปแบบฟอร์มเดียวด้วยวิธีที่ง่าย
ฟีเจอร์นี้ได้รับการปรับปรุงใน Joget Workflow เว่อร์ชั่น 6
- แสดงผลในรูปแบบ AJAX
ภาพที่ 1: แบบฟอร์มหลายหน้า
Figure 2: คุณสมบัติแบบฟอร์มหลายหน้า
| Name | Description |
|---|---|
| ID | รหัส |
| Number of Pages | จำนวนหน้าที่จะแสดงใส่จำนวนเต็ม |
| AJAX Rendering? | แสดงผลหน้าเมื่อคลิกเท่านั้น ตัวเลือกนี้ช่วยปรับปรุงเวลาในการโหลดถ้าผู้ใช้ไม่ได้ใช้แบบฟอร์มทั้งหมดและจำนวนหน้ามีขนาดใหญ่ |
Figure 3: คุณสมบัติแบบฟอร์มหลายหน้า - หน้า
| Name | Description |
|---|---|
| Label | ชื่อหน้าแสดงในรูปแบบของลำดับขั้นหน้าต่างๆหรือแท็บขึ้นอยู่กับการตั้งค่าใน UI |
| Form | เป้าหมายฟอร์ม |
| Readonly? | กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ |
| DIsplay field as Label when readonly? | แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่สามารถแก้ไขได้ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly" |
| Parent Form Field to keep Child Form ID | ID ของฟิลด์ในฟอร์มหลักเพื่อจัดเก็บคีย์หลักของหน้า ข้อมูลหน้าจะถูกโหลดตามรหัสบันทึกที่ดึงมาจากช่องนี้ |
| Child Form Field to keep Parent Form ID | ID ของฟิลด์ในฟอร์มหน้าเพื่อจัดเก็บคีย์หลักของฟอร์มหลัก |
| Validate when change page | หากทำเครื่องหมายให้ดำเนินการตรวจสอบความถูกต้องเมื่อเปลี่ยนหน้า |
Important Note about Parent Form Field to keep Child Form ID
ต้องระบุฟิลด์นี้หากฟอร์มแต่ละรายการไม่ได้จัดเก็บลงในตารางเดียวกับฟอร์มหลัก ฟิลด์ที่ระบุไม่จำเป็นต้องสร้างขึ้นภายในครั้งแรกในแบบฟอร์มหลัก
Figure 4: คุณสมบัติแบบฟอร์มหลายหน้า - ตัวเลือกขั้นสูง
| Name | Description |
|---|---|
| Partially store form when page changed? | โหลดแบบฟอร์มเมื่อผู้ใช้งานเปลี่ยนหน้า |
Store main form data when partial storing is enabled? | เก็บข้อมูลฟอร์มหลักบางส่วนเมื่อเปิดใช้งานการจัดเก็บข้อมูล ตัวเลือกนี้จะใช้ได้เมื่อ "Partially store form when page changed?" เปิดใช้งาน. |
| Display Mode | กำหนดว่าจะแสดงแบบฟอร์มหลายเพจโหมด wizard หรือ tabs |
| Previous Button Label | ป้ายกำกับปุ่มก่อนหน้า |
| Next Button Label | ป้ายกำกับปุ่มถัดไป |
| Only enable submit button on last page? | หากเลือกตัวเลือกนี้จะต้องกรอกแบบฟอร์มทั้งหมดของหน้าก่อนส่งแบบฟอร์ม |
| CSS | การใช้ CSS ที่กำหนดเอง |