Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
List Grid is a grid table that populates its data from a Datalist.
Figure 1: List Grid in New Contact form in the CRM App
Figure 2: Editing record in List Grid
Figure 3: Properties of List Grid
ID: ID of the element
Label: Label of the element
Data List: Data List to populate the element
Columns: Columns to show in the grid. The column "value" must match the column ID in the Data List.
Unique Column: Primary key
Form to Edit Row: Form to edit row selected
Read Only: Determines if this element is editable
List Grid may be configured to use its own defined Load and Store binder. By default, data will be stored in the form's field defined.
The following is the sample data stored in JSON.
[ { "id": "001", "": "", "accountName": "John Woo", "address": "2, Park Avenue", "state": "2", "country": "local", "city": "1" }, { "id": "002", "accountName": "Melissa Lee", "state": "", "country": "" } ]