| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
Advanced Grid is best described as a อธิบายได้ดีที่สุดว่าเป็น ตาราง (Grid) with rich inline editing transformation. ที่มีการแปลงการแก้ไขแบบอินไลน์ที่สมบูรณ์ ตารางกริดขั้นสูงจะเลียนแบบเป้าหมายดั้งเดิมเพื่อความสามารถในการป้อนข้อมูลที่ถูกต้องและสมบูรณ์ยิ่งขึ้นDepending on the target field, the Advanced Grid element would mimic the original target type for accurate and richer data entry capability. |
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
This feature has been enhanced in ฟีเจอร์นี้ได้รับการปรับปรุงใน Joget Workflow v6.เวอร์ชั่น 6
|
Figure ภาพที่ 1: Advanced Grid form elementภาพตารางกริดขั้นสูง
Figure ภาพที่ 2: Screenshot highlighting Advanced Grid on Date Picker elementภาพตารางกริดขั้นสูงที่มีองค์ประกอบตัวใช้เลือกวันที่
ตัวใช้เลือกวันที่จะปรากฏขึ้นเมื่อทำการแก้ไขหากฟิลด์แหล่งที่มานั้นเป็นองค์ประกอบตัวเลือกวันที่A Date Picker will show up when editing if the source field itself is a date picker element.
Figure ภาพที่ 3: Screenshot highlighting Advanced Grid on Select Box element ภาพตารางกริดขั้นสูงที่มีองค์ประกอบตัวช่องเลือกแบบดึงลง
กล่องเลือกจะปรากฏขึ้นเมื่อมีการแก้ไขถ้าแหล่งที่มาของตัวเองเป็นองค์ประกอบกล่องเลือกA Select Box will show up when editing if the source field itself is a select box element.
Figure 4: Advanced Grid Propertiesคุณสมบัติตารางกริดขั้นสูง
| Name | Description | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| IDElement | ID. (By declaring as รหัส (เมื่อประกาศ ID ชื่อ "entries" , a corresponding database table column แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_entries" will be created) | |||||||||||||||||
| LabelElement | Label to be displayed to end userชื่อที่จะแสดงให้ผู้ใช้เห็น. | |||||||||||||||||
| Form | Target form for record editing.แบบฟอร์มเป้าหมายสำหรับการแก้ไข | |||||||||||||||||
| Columns | The columns defined here must be correspondent to the Form chosen above.คอลัมน์ที่กำหนดที่นี่จะต้องสอดคล้องกับแบบฟอร์มที่เลือกด้านบน
|
Figure 5: Advanced Grid Properties - UI คุณสมบัติตารางกริดขั้นสูง - หน้าจอผู้ใช้งาน
| Name | Description |
|---|---|
| Search | Enable search capability within the grid data itself.เปิดใช้งานความสามารถในการค้นหาภายในข้อมูลกริดเอง |
| Readonly | Determines if the element is editable.กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่ |
| Disable Add Feature | Determines if a new row can be added.พิจารณาว่าสามารถเพิ่มแถวใหม่ได้หรือไม่ |
| Disable Delete Feature | Determines if a row can be removed.พิจารณาว่าสามารถลบแถวได้หรือไม่ |
| Default Sorting Column Number | กำหนดดัชนีคอลัมน์เพื่อจัดเรียงตามค่าเริ่มต้น ฟิลด์นี้ยอมรับจำนวนเต็มเริ่มจาก 1 เป็นต้นไปเท่านั้น ตัวอย่าง: หากตารางมี 5 คอลัมน์การป้อน "4" จะเรียงลำดับคอลัมน์ที่ 4 จากทางซ้ายตามลำดับจากน้อยไปหามากDefines the column index to sort by default. This field accepts integers starting from 1 onwards only. Example: If the grid has 5 columns, inputting a "4" will sort the 4th column from the left in ascending order. |
| Sort in descending order?This option is only available once there is input in "Default Sorting Column Number". Check to sort in descending order instead. | ตัวเลือกนี้ใช้ได้เฉพาะเมื่อมีการป้อนข้อมูลใน "หมายเลขคอลัมน์การเรียงลำดับเริ่มต้น" เลือกเพื่อเรียงลำดับจากมากไปน้อยแทน |
| Delete confirmation messageConfirmation message | when deleting a row.ข้อความยืนยันเมื่อลบแถว |
| Show Row Numbering? | Shows numbering on the grid.แสดงการกำหนดหมายเลขบนตาราง |
| Key to save cellKeyboard key to use to determine when to save and move on to the next cell. | แป้นคีย์บอร์ดที่ใช้เพื่อกำหนดเวลาที่จะบันทึกและย้ายไปยังเซลล์ถัดไป |
| Edit hintEdit hint message. | แก้ไขข้อความคำใบ้ |
| Record Per PagePaging Parameter - Record to show per Page | พารามิเตอร์การเพจ - บันทึกเพื่อแสดงต่อหน้า |
| Paging OptionsPaging Parameter - Paging Options | พารามิเตอร์เพจ - ตัวเลือกเพจ |
Figure 6: Advanced Grid Properties - Validation & Data Binder คุณสมบัติตารางกริดขั้นสูง - หน้าจอผู้ใช้และการทำให้สมบูรณ์
| Name | Description | |||||
|---|---|---|---|---|---|---|
| Validator | Attach a Validator plugin to validate the input value. Please see Form Validatorแนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา โปรดดู ตรวจสอบข้อมูลของฟอร์ม (Form Validator).
| |||||
| Unique ColumnColumn/ | Field ID to identify record ID.คอลัมน์ / ฟิลด์ ID เพื่อระบุ ID บันทึก | |||||
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 Message Error message | to be shown when row requirements set above is not met.ข้อความแสดงข้อผิดพลาดที่จะแสดงเมื่อไม่ตรงตามข้อกำหนดของแถวที่ตั้งไว้ข้างต้น | |||||
Load Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้ ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น ดูรายการที่มี สิ่งที่ผูกกับฟอร์ม Form Binder | |||||
Store Binder | ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในเซลล์ฐานข้อมูลที่กำหนดไว้ ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น สิ่งที่ผูกกับฟอร์ม Form Binder | 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. See list of available Form Binder . | Store Binder | 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. See list of available Form Binder . |