Form Grid ขยายฟังก์ชันการทำงานเริ่มต้นขององค์ประกอบตารางทั่วไป
แตกต่างจากองค์ประกอบตารางทั่วไปที่ยอมรับเฉพาะฟิลด์ข้อความมาตรฐานสำหรับข้อมูลอินพุต ฟอร์มตารางที่ปรับปรุงแล้วยอมรับข้อมูลด้วยการอ้างอิงถึงองค์ประกอบฟอร์มอื่น
ดังนั้นเราสามารถใช้ประโยชน์อย่างเต็มที่จากสิ่งที่องค์ประกอบของรูปแบบทั่วไปนำเสนอเช่นการตรวจสอบความถูกต้องและการจัดรูปแบบ
เพิ่มคุณสมบัติใหม่ใน Joget Workflow เวอร์ชั่น 6
- เลขลำดับหน้า
ลบตัวเลือกประเภทรูปแบบหลายบรรทัด
ภาพที่ 1: ภาพตัวอย่างแสดงฟอร์มตารางไฟล์ใน App HR Expenses claim
Figure 2: ภาพตัวอย่างแสดงฟอร์มตารางไฟล์ใน App HR Expenses claim - เพิ่มแถวใหม่
ภาพที่ 3: คุณสมบัติฟอร์มตาราง
| Name | Description | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ID | รหัส (เมื่อประกาศ ID ชื่อ "entries" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_entries") | ||||||||||||
| Label | ชื่อที่จะแสดงให้ผู้ใช้เห็น. | ||||||||||||
| Form | แบบฟอร์มเป้าหมายที่จะอ้างอิงถึง | ||||||||||||
| Columns | คอลัมน์ที่กำหนดที่นี่จะต้องสอดคล้องกับแบบฟอร์มที่เลือกด้านบน
|
Figure 4: คุณสมบัติฟอร์มตาราง - หน้าจอผู้ใช้งาน
| Name | Description |
|---|---|
| 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: คุณสมบัติรายการตาราง - หน้าจอผู้ใช้และตั้งค่าให้สมบูรณ์
| Name | Description |
|---|---|
| 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 เพื่อเรียนรู้เพิ่มเติม