View Source

List Grid is a grid table that populates its data from a Datalist.

Knowledge Base for v4 > List Grid > formbuilder-List-Grid.png
Figure 1: List Grid in New Contact Form in the CRM App

Knowledge Base for v4 > List Grid > formbuilder-List-Grid-edit.png
Figure 2: Editing Record in List Grid

Knowledge Base for v4 > List Grid > formbuilder-List-Grid-properties.png
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 Datalist.
Unique Column	Primary key
Form to Edit Row	Selects the form to edit row
Read-only	Determines if the 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 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": ""
    }
]