DataList
This component is intended to get a list of data (similar to using it with the Datatable component). It shows data from the DatatableContext as a list of sub-forms. The DataList
component should be placed inside the DatatableContext
component. Note that other DatatableContext-specific components (Pager, Quick Search, Table view selector) can also affect the DataList
, similar to the Datatable
.
Properties
The following properties are available to configure the behavior of the component from the form editor (this is in addition to common properties).
Common
Component Name string
A unique identifier for this component instance on the form.
Hide boolean
Toggles visibility of the DataList.
Data
Form Selection Mode object
Defines how the form is selected:
- Named form
- View type
- Expression
Modal Form string
The form opened when a list item is selected (Required).
Selection Mode object
Item selection type:
- None (default)
- Single
- Multiple
Can Edit Inline object
Edit items directly within the list:
- Yes
- No
- Inherit (default)
- Expression
Can Delete Inline object
Delete items inline:
- Yes
- No
- Inherit (default)
- Expression
Can Delete Inline Expression function
Return true
to allow inline deletion, false
otherwise.
Appearance
Orientation object
Display direction:
- Vertical (default)
- Horizontal
- Wrap
Card Minimum Width string
Used only in Wrap orientation. Supports CSS units.
Card Maximum Width string
Used only in Wrap orientation. Supports CSS units.
Card Height string
Used only in Wrap orientation. Supports CSS units.
Card Spacing string
Used only in Wrap orientation. Supports CSS units.
Collapsible boolean
Choose if the component should be collapsible.
Collapsible By Default boolean
Choose if the component should be collapsible by default.
Icon object
Icon shown when the list is empty.
Primary Text string
Displayed when no data is available. (default: "No Data")
Secondary Text string
Subtext shown with no data. (default: "No data is available for this data list")