List Grid การอธิบายที่ดีที่สุดคือคล้ายกับแบบฟอร์มตารางกริด แต่เพิ่มความสามารถใหม่จาก Datalist แทน
เพิ่มคุณสมบัติใหม่ใน Joget Workflow เวอร์ชั่น 6
- เลขลำดับหน้า
ลบตัวเลือกประเภทรูปแบบหลายบรรทัด
ภาพที่ 1: ภาพรายการตาราง
แก้ไขแบบฟอร์มใน http://localhost:8080/jw/web/console/app/crm/1/form/builder/crm_contact
ภาพที่ 2: ภาพรายการตารางเพิ่มระเบียนใหม่โดยใช้ List Grid
ภาพที่ 3: ภาพรายการตารางระเบียนใหม่ที่เพิ่มใน List Grid
ภาพที่ 4: คุณสมบัติรายการตาราง
| Name | Description | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ID | รหัส (เมื่อประกาศ ID ชื่อ "account" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_account") | ||||||||||||||
| Label | ชื่อที่จะแสดงให้ผู้ใช้เห็น. | ||||||||||||||
| Datalist | ข้อมูลที่จะแสดงสำหรับรายการที่เลือก | ||||||||||||||
| Columns | คอลัมน์ที่กำหนดที่นี่จะต้องสอดคล้องกับรายการข้อมูลที่เลือกด้านบน
|
Figure 5: คุณสมบัติรายการตาราง - หน้าจอผู้ใช้งาน
| Name | Description |
|---|---|
| Enable Sorting Feature | กำหนดว่าจะบังคับใช้การเรียงลำดับของแถวหรือไม่ |
Field ID for Sorting | เพื่อให้ลำดับการเรียงฟิลด์; จะต้องสอดคล้องกับฟิลด์รหัสในรูปแบบ |
Insert Button Label | ใส่ป้ายชื่อปุ่ม |
Form to Edit Row | หลังจากเพิ่มแถวผู้ใช้สามารถแก้ไขแถวที่บันทึกได้โดยกำหนดที่นี่ |
Form Submit Button Label (Normal Mode) | ป้ายกำกับของปุ่มส่งในโหมดปกติ |
Form Submit Button Label (Readonly Mode) | ป้ายกำกับของปุ่มส่งในโหมดอ่านอย่างเดียว |
Display field as Label when readonly? | แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่สามารถแก้ไขได้ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly" |
| Readonly | กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ |
Disable Add Feature | พิจารณาว่าสามารถเพิ่มแถวใหม่ได้หรือไม่ |
Disable Delete Feature | พิจารณาว่าสามารถลบแถวได้หรือไม่ |
Delete confirmation message | ข้อความยืนยันเมื่อลบแถว |
Show Row Numbering? | แสดงคอลัมน์เพิ่มเติมทางด้านซ้ายสุดเพื่อแสดงหมายเลข |
| Paging Size | รายการที่จะแสดงต่อหน้า |
Popup Dialog Height | ความสูง Sample 500px |
Popup Dialog Width | ความกว้าง Sample 90% |
Figure 6: คุณสมบัติรายการตาราง - หน้าจอผู้ใช้และการทำให้สมบูรณ์
| Name | Description |
|---|---|
| Validator | แนบปลั๊กอิน 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 ในฐานข้อมูลที่กำหนดไว้ |
Store Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลตารางจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ |
| 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? | หากมีอินสแตนซ์กระบวนการที่เกี่ยวข้องกับแถวที่ถูกลบตัวเลือกนี้จะยกเลิกอินสแตนซ์กระบวนการเหล่านั้น |
ภาพที่ 7: คุณสมบัติรายการตาราง - ตัวเลือกขั้นสูง
| Name | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
URL Request Parameters for Datalist | ปรับแต่งการเลือกรายการข้อมูลเป้าหมายโดยกำหนดเกณฑ์ตัวกรองที่นี่
|