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 | ความสูง
| |
| Popup Dialog Width | ความกว้าง
| |
| Readonly | กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ | |
| Disable Add Feature | พิจารณาว่าสามารถเพิ่มแถวใหม่ได้หรือไม่ | |
| Disable Delete Feature | พิจารณาว่าสามารถลบแถวได้หรือไม่ | |
| Delete confirmation message | ข้อความยืนยันเมื่อลบแถว | |
| Show Row Numbering? | แสดงคอลัมน์เพิ่มเติมทางด้านซ้ายสุดเพื่อแสดงหมายเลข | |
| Paging Size | รายการที่จะแสดงต่อหน้า |
ภาพที่ 5: คุณสมบัติรายการตาราง - หน้าจอผู้ใช้และตั้งค่าให้สมบูรณ์
| Name | Description | |
|---|---|---|
| Validator | แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา โปรดดู ตรวจสอบข้อมูลของฟอร์ม (Form Validator).
| |
| 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? | หากฟอร์มป๊อปอัพมีรายการในตารางตัวเลือกนี้จะลบข้อมูลภายในตาราง
| |
| Delete Associated Child Form Data? | หากฟอร์มป๊อปอัพมีองค์ประกอบลูกตัวเลือกนี้จะลบข้อมูลลูก
| |
| Delete Files? | ถ้าฟอร์มป๊อปอัพมีองค์ประกอบอัพโหลดไฟล์ตัวเลือกนี้จะลบไฟล์ที่อัพโหลดจริง
| |
| Abort Related Running Processes? | หากมีอินสแตนซ์กระบวนการที่เกี่ยวข้องกับแถวที่ถูกลบตัวเลือกนี้จะยกเลิกอินสแตนซ์กระบวนการเหล่านั้น |
ดาวน์โหลดแอพบทช่วยสอนเกี่ยวกับ Grids จาก Joget Workflow Marketplace เพื่อเรียนรู้เพิ่มเติม |