Array Field
The array field.
Properties
| Title | Array |
| Description | Field for list of items with same data type or structure. |
| Field Type | array |
| Base Field Type | container |
Schema
| Property | Type | Default | Description |
|---|---|---|---|
| items | object | Schema for array items. | |
| maxItems | number | Maximum number of items. | |
| minItems | number | Minimum number of items. | |
| uniqueItems | boolean | Item values should be unique if true. |
Options
| Property | Type | Default | Description |
|---|---|---|---|
| animate | boolean | true | Up and down transitions will be animated |
| collapsed | boolean | Field set is initially collapsed if true. | |
| collapsible | boolean | Field set is collapsible if true. | |
| lazyLoading | boolean | Child fields will only be rendered when the fieldset is expanded if this option is set true. | |
| legendStyle | string | button | Field set legend style. |
| properties |
Example 1
Example 2
Here we use the hideToolbarWithChildren option to keep the top-most button available to add new items to the list. We also hide the add button in the action bar for each row.
Example 3
Example 4
Example 5
Example 6
Example 7
Example 8
Example 9
Example 10
rendered by the view into the form and usually appear as a button bar.
For the toolbar, Alpaca assumes and auto-populates a single button - add.
For the actionbar (per item), Alpaca assumes and auto-populates the following buttons:
addremoveupdown
Any properties you define for these actions will override the existing presets. Any new actions you define will be added to the overall set. You can explicitly enable or disable actions via the enabled property. Disabled actions are removed from display.
By default, the array field keeps labels turned off. If you want to turn labels on, use the toolbar.showLabels and actionbar.showLabels options.