| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
Grid enables one to capture structured and related data. ช่วยให้สามารถจับภาพโครงสร้างและข้อมูลที่เกี่ยวข้องได้ |
Figure ภาพที่ 1: Screenshot highlighting Grid in sample ภาพตัวอย่างแสดง HTML ที่กำหนดเองใน App HR Expenses Claim app
Figure ภาพที่ 2: Grid Propertiesคุณสมบัติกริด
| Name | Description |
|---|---|
| ID | Element ID (By declaring as รหัส (เมื่อประกาศ ID ชื่อ "approval_comments" , a corresponding database table column แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_approval_comments" will be created) |
| LabelElement | Label to be displayed to end userชื่อที่จะแสดงให้ผู้ใช้เห็น. |
| Options | Column definition and column label. Column name is defined in the value column whereas the corresponding label is defined in the label column.นิยามคอลัมน์และชื่อคอลัมน์ ชื่อคอลัมน์กำหนดที่ value ในขณะที่ป้ายกำกับคอลัมน์กำหนดที่ label |
Figure 3: Grid Properties - UI & Validation คุณสมบัติกริด - หน้าจอผู้ใช้และการทำให้สมบูรณ์
| Name | Description | |||||
|---|---|---|---|---|---|---|
| Readonly | Determines if the element is editable.กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ | |||||
| Validator | Attach a Validator plugin to validate the input value. Please see แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา โปรดดูที่ Form Validator.
| |||||
| Min Number of Row Validation (Integer)Min Number of Row Validation (Integer) | จำนวนแถวขั้นต่ำ | |||||
| Max Number of Row Validation (Integer)Max Number of Row Validation (Integer) | จำนวนแถวขั้นสูง | |||||
| Error MessageError message | to be shown when row requirements set above is not met.ข้อความแสดงข้อผิดพลาดจะแสดงเมื่อไม่ตรงตามข้อกำหนดของแถวที่ตั้งไว้ข้างต้น |
Figure ภาพที่ 4: Grid Properties - Data Binder คุณสมบัติกริด - การผูกข้อมูล
| Name | Description | |||
|---|---|---|---|---|
| Load Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น | |||
| Store Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ | Option by default. Grid data will be saved/loaded in JSON format in its defined database cell. In this example, Multirow Form Binder is used to load data from other form. | Store Binder | Option by default. Grid data will be saved/loaded in JSON format in its defined database cell. |
Figure 5: Grid Properties - Data Binder - Multirow Form Binder คุณสมบัติกริด - การผูกข้อมูล - Binder หลายรูปแบบ
| Name | Description |
|---|---|
| FormForm to store to or load from | แบบฟอร์มสำหรับจัดเก็บหรือโหลดจากฟอร์ม |
| Foreign Key | Foreign Key for records lookup.Foreign Key สำหรับการบันทึก |
ภาพรวมในหัวข้อนี้ได้จาก Screenshots taken from http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expenses_approval_detail