Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
Table of Contents
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.
The Advanced Grid is only available on Professional and Enterprise Edition.
The easiest way to see how the Advanced Grid works is to use the existing built-in App Expenses Claims and create a new form to mimic an existing form in the app. Here are the steps:
Steps | Screens (Click to view) | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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 | Screens (Click to view) | |||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
ID | Element ID. (By declaring as "entries", a corresponding database table column "c_entries" will be created) | ||||||||||||||||||||||||
Label | Element 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.
|
Name | Description | Screens (Click to view) |
---|---|---|
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 (Start from 1) | 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. | |
Delete confirmation message | Confirmation message when deleting a row. | |
Show Row Numbering? | Shows numbering on the grid. |
Name | Description | Screens (Click to view) |
---|---|---|
Key to save cell | Keyboard key to use to determine when to save and move on to the next cell. | |
Edit hint | Edit hint message. |
Name | Description | Screens (Click to view) |
---|---|---|
Record Per Page | Paging Parameter - Record to show per Page | |
Paging Options | Paging Parameter - Paging Options |
Name | Description | Screens (Click to view) | |||||
---|---|---|---|---|---|---|---|
Validator | Attach a Validator plugin to validate the input value. Please see Form Validator.
| ||||||
Unique Column | Column/Field ID to identify record 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. |
Name | Description | Screens (Click to view) |
---|---|---|
Load 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 . |