Grid ช่วยให้สามารถจับภาพโครงสร้างและข้อมูลที่เกี่ยวข้องได้
ภาพที่ 1: ภาพตัวอย่างแสดง HTML ที่กำหนดเองใน App HR Expenses Claim
ภาพที่ 2: คุณสมบัติกริด
| Name | Description |
|---|---|
| ID | รหัส (เมื่อประกาศ ID ชื่อ "approval_comments" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_approval_comments") |
| Label | ชื่อที่จะแสดงให้ผู้ใช้เห็น. |
| Options | นิยามคอลัมน์และชื่อคอลัมน์ ชื่อคอลัมน์กำหนดที่ value ในขณะที่ป้ายกำกับคอลัมน์กำหนดที่ label |
Figure 3: คุณสมบัติกริด - หน้าจอผู้ใช้และการทำให้สมบูรณ์
| Name | Description |
|---|---|
| Readonly | กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ |
| Validator | แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา โปรดดูที่ Form Validator. When will validation takes place? การตรวจสอบจะเกิดขึ้นทุกครั้งที่มีการบันทึกแบบฟอร์มยกเว้นเมื่อบันทึกเป็น "Save as Draft" |
| Min Number of Row Validation (Integer) | จำนวนแถวขั้นต่ำ |
| Max Number of Row Validation (Integer) | จำนวนแถวขั้นสูง |
| Error Message | ข้อความแสดงข้อผิดพลาดจะแสดงเมื่อไม่ตรงตามข้อกำหนดของแถวที่ตั้งไว้ข้างต้น |
ภาพที่ 4: คุณสมบัติกริด - การผูกข้อมูล
| Name | Description |
|---|---|
| Load Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น |
| Store Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ |
Figure 5: คุณสมบัติกริด - การผูกข้อมูล - Binder หลายรูปแบบ
| Name | Description |
|---|---|
| Form | แบบฟอร์มสำหรับจัดเก็บหรือโหลดจากฟอร์ม |
| Foreign Key | Foreign Key for records lookup.Foreign Key สำหรับการบันทึก |
ภาพรวมในหัวข้อนี้ได้จาก http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expenses_approval_detail