You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Current »

Definition

Multi Paged Form ช่วยให้การรวมหลายหน้าในรูปแบบฟอร์มเดียวด้วยวิธีที่ง่าย

New Feature

ฟีเจอร์นี้ได้รับการปรับปรุงใน Joget Workflow เว่อร์ชั่น 6

  1. แสดงผลในรูปแบบ AJAX


ภาพที่ 1: แบบฟอร์มหลายเพจ


Figure 2: คุณสมบัติแบบฟอร์มหลายหน้า

NameDescription
IDรหัส
Number of Pages
จำนวนหน้าที่จะแสดงใส่จำนวนเต็ม
AJAX Rendering?
แสดงผลหน้าเมื่อคลิกเท่านั้น ตัวเลือกนี้ช่วยปรับปรุงเวลาในการโหลดถ้าผู้ใช้ไม่ได้ใช้แบบฟอร์มทั้งหมดและจำนวนหน้ามีขนาดใหญ่

 

Figure 3: คุณสมบัติแบบฟอร์มหลายหน้า - หน้า

NameDescription
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: คุณสมบัติแบบฟอร์มหลายหน้า - ตัวเลือกขั้นสูง

NameDescription
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 ที่กำหนดเอง




  • No labels