Definition

Form Grid ขยายฟังก์ชันการทำงานเริ่มต้นขององค์ประกอบตารางทั่วไป

แตกต่างจากองค์ประกอบตารางทั่วไปที่ยอมรับเฉพาะฟิลด์ข้อความมาตรฐานสำหรับข้อมูลอินพุต ฟอร์มตารางที่ปรับปรุงแล้วยอมรับข้อมูลด้วยการอ้างอิงถึงองค์ประกอบฟอร์มอื่น

ดังนั้นเราสามารถใช้ประโยชน์อย่างเต็มที่จากสิ่งที่องค์ประกอบของรูปแบบทั่วไปนำเสนอเช่นการตรวจสอบความถูกต้องและการจัดรูปแบบ

New Feature

เพิ่มคุณสมบัติใหม่ใน Joget Workflow เวอร์ชั่น 6

  • เลขลำดับหน้า
  • ลบตัวเลือก
  • ประเภทรูปแบบหลายบรรทัด


ภาพที่ 1: ภาพตัวอย่างแสดงฟอร์มตารางไฟล์ใน App HR Expenses claim 


Figure 2: ภาพตัวอย่างแสดงฟอร์มตารางไฟล์ใน App HR Expenses claim - เพิ่มแถวใหม่


ภาพที่ 3: คุณสมบัติฟอร์มตาราง

NameDescription
IDรหัส (เมื่อประกาศ ID ชื่อ "entries" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_entries")
Labelชื่อที่จะแสดงให้ผู้ใช้เห็น.
Formแบบฟอร์มเป้าหมายที่จะอ้างอิงถึง
Columns
คอลัมน์ที่กำหนดที่นี่จะต้องสอดคล้องกับแบบฟอร์มที่เลือกด้านบน
NameDescription
Value

Field ID ของแบบฟอร์มเพื่ออ้างอิงไปยังแบบฟอร์มเป้าหมาย

ตัวอย่าง:

ในฟอร์ม "HR Expense Claim Entry" มีองค์ประกอบของฟอร์มที่มี ID "วันที่", "หมวดหมู่", "วัตถุประสงค์" และ "จัดรูปแบบจำนวนเงิน"

Labelป้ายกำกับคอลัมน์
Format Type
หากคุณต้องการจัดรูปแบบค่าที่ส่งคืนคุณอาจใช้ประโยชน์จากประเภทรูปแบบ 
ตัวเลือกเริ่มต้น: ข้อความ

ประเภทรูปแบบที่ใช้ได้

  • Text - จัดรูปแบบค่าเป็นข้อความ
  • HTML - ส่งออกข้อมูลเป็น HTML
  • Multiple lines text - รักษาการจัดรูปแบบระยะห่างสำหรับข้อความหลายบรรทัดเช่น TextArea
  • Decimal - จัดรูปแบบเป็นทศนิยม จำนวนทศนิยมที่คาดว่าจะอยู่ในฟิลด์ "รูปแบบ"

  • Date - รูปแบบตามวันที่ คาดว่าจะใช้รูปแบบวันที่ดั้งเดิมและวันที่ใหม่ในฟิลด์ "รูปแบบ"

    รูปแบบ: (รูปแบบดั้งเดิม) | (รูปแบบใหม่)

    ตัวอย่างการใช้งาน:
    ค่าดั้งเดิม:     5/23/2012
    ค่าที่คาดหวัง: 2012/5/23
    รูปแบบ :     M/d/y|y/M/d

    หมายเหตุ: โปรดอ้างอิง Java SimpleDateFormat สำหรับรูปแบบวันที่

  • File - แสดงค่าเป็นลิงค์ไปยังเอกสารแนบ Form Def ID คาดว่าจะอยู่ในฟิลด์ "Format"

    Expected Form Def ID

    ระบุ Form Def ID การกำหนดแบบฟอร์มที่มีองค์ประกอบแบบฟอร์มการอัพโหลดไฟล์จริง

  • Image - แสดงค่าเป็นภาพย่อของไฟล์แนบ Form Def ID คาดว่าจะอยู่ในฟิลด์ "Format"

    Expected Form Def ID

    ระบุ Form Def ID การกำหนดแบบฟอร์มที่มีองค์ประกอบแบบฟอร์มการอัพโหลดไฟล์จริง

  • Options - แสดงเลเบลของอิลิเมนต์ตัวเลือกหลายตัวที่กำหนดค่าที่กำหนด Form Def ID คาดว่าจะอยู่ในฟิลด์ "Format"

    Expected Form Def ID

    ระบุ Form Def ID ที่มีองค์ประกอบฟอร์มด้วย Select Box / Radio / Check Box

Format
อาจมีการป้อนอาร์กิวเมนต์เพิ่มเติมที่นี่ทั้งนี้ขึ้นอยู่กับประเภทรูปแบบที่คุณเลือก
Width

ความยาว

Sample
200px

 

Figure 4: คุณสมบัติฟอร์มตาราง - หน้าจอผู้ใช้งาน

NameDescription
Enable Sorting Feature
กำหนดว่าจะบังคับใช้การเรียงลำดับของแถวหรือไม่
Field ID for Sorting
เพื่อให้ลำดับการเรียงฟิลด์; จะต้องสอดคล้องกับฟิลด์รหัสในรูปแบบ
Form Submit Button Label (Normal Mode)
ป้ายกำกับของปุ่มส่งในโหมดปกติ
Form Submit Button Label (Readonly Mode)
ป้ายกำกับของปุ่มส่งในโหมดอ่านอย่างเดียว
Display field as Label when readonly?แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่สามารถแก้ไขได้ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly"
Popup Dialog Height

ความสูง

Sample
200px
Popup Dialog Width

ความกว้าง

Sample
200px
Readonly

กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่

Disable Add Feature
พิจารณาว่าสามารถเพิ่มแถวใหม่ได้หรือไม่
Disable Delete Feature

พิจารณาว่าสามารถลบแถวได้หรือไม่

Delete confirmation message
ข้อความยืนยันเมื่อลบแถว
Show Row Numbering?
แสดงคอลัมน์เพิ่มเติมทางด้านซ้ายสุดเพื่อแสดงหมายเลข
Paging Size
รายการที่จะแสดงต่อหน้า

 

ภาพที่ 5: คุณสมบัติรายการตาราง - หน้าจอผู้ใช้และตั้งค่าให้สมบูรณ์

NameDescription
Validator

แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา โปรดดู ตรวจสอบข้อมูลของฟอร์ม (Form Validator).

When will validation takes place?

การตรวจสอบจะเกิดขึ้นทุกครั้งที่มีการบันทึกแบบฟอร์มยกเว้นเมื่อบันทึกเป็น "Save as Draft"

Unique Column
คอลัมน์ / ฟิลด์ ID เพื่อระบุ ID บันทึก
Min Number of Row Validation (Integer)
จำนวนแถวขั้นต่ำ (จำนวนเต็ม)
Max Number of Row Validation (Integer)
จำนวนแถวสูงสุด (จำนวนเต็ม)
Error Message
ข้อความแสดงข้อผิดพลาดที่จะแสดงเมื่อไม่ตรงตามข้อกำหนดของแถวที่ตั้งไว้ข้างต้น
Load Binder

ตัวเลือกโดยค่าเริ่มต้น ข้อมูลตารางจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้

ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น ดูรายการที่มีอยู่ สิ่งที่ผูกกับฟอร์ม (Form Binder).
Store Binder

ตัวเลือกโดยค่าเริ่มต้น ข้อมูลตารางจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้

ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น ดูรายการที่มีอยู่ สิ่งที่ผูกกับฟอร์ม (Form Binder).
Delete Associated Grid Data?

หากฟอร์มป๊อปอัพมีรายการในตารางตัวเลือกนี้จะลบข้อมูลภายในตาราง

Caution

ตัวเลือก 3 ตัวเหล่านี้: (ลบข้อมูลตารางที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบ ตาราง / ลูกตารางซ้อนกัน

ตัวเลือกเหล่านี้ลัดไปที่แผนผังทั้งหมด เมื่อพบเงื่อนไข 'เท็จ' มันจะย้ายไปยังองค์ประกอบตาราง / ลูกตารางถัดไป

ตัวอย่าง: พิจารณาว่าฟอร์มป๊อปอัปมีตารางมีฟอร์มย่อยมีองค์ประกอบการอัปโหลดไฟล์ที่มี abc.pdf หากตรวจสอบตัวเลือกทั้งหมด abc.pdf จะถูกลบ หากทุกคนยกเว้นหนึ่งในตัวเลือกที่เลือกไว้ abc.pdf จะไม่ถูกลบ

Delete Associated Child Form Data?

หากฟอร์มป๊อปอัพมีองค์ประกอบลูกตัวเลือกนี้จะลบข้อมูลลูก

Caution

ตัวเลือก 3 ตัวเหล่านี้: (ลบข้อมูลกริดที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบตาราง / ลูกซ้อนกัน

Delete Files?
ถ้าฟอร์มป๊อปอัพมีองค์ประกอบอัพโหลดไฟล์ตัวเลือกนี้จะลบไฟล์ที่อัพโหลดจริง
Caution

ตัวเลือก 3 ตัวเหล่านี้: (ลบข้อมูลตารางที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบตาราง / ลูกซ้อนกัน

Abort Related Running Processes?
หากมีอินสแตนซ์กระบวนการที่เกี่ยวข้องกับแถวที่ถูกลบตัวเลือกนี้จะยกเลิกอินสแตนซ์กระบวนการเหล่านั้น

Learning More

ดาวน์โหลดแอพบทช่วยสอนเกี่ยวกับ Grids จาก Joget Workflow Marketplace เพื่อเรียนรู้เพิ่มเติม

 



  • No labels