DynamicList

Dynamic list, a powerful component that supports CURD operations on specified data lists in Form.

Scenes to be used

  • When you need to edit a list item in a form.

  • When highly customizable output list data is required.

Example

Note: Dynamic lists need to be used with specific settings.
{
"DynamicList": {
"label": "DynamicList",
"edit": {
"type": "dynamicList",
"props": {
"setting": "dynamic",
"value": ":dynamic",
"query": {
"sort": "$index"
}
}
}
}
}
/api/xiang/setting/dynamic

Props

interface IProps extends InputProps {
value: string
setting: string
query?: { [key: string]: string }
}

API

PropertiesDescriptionTypeDefaultRequiredVersion
valuebind valuestring-yes
settingsetting namestring-yes
querySubmit parameter, which will be integrated into data as it is when submitting dataIProps['query']-No

DynamicList

Dynamic list, a powerful component that supports CURD operations on specified data lists in Form.

Scenes to be used

  • When you need to edit a list item in a form.

  • When highly customizable output list data is required.

Example

Note: Dynamic lists need to be used with specific settings.
{
"DynamicList": {
"label": "DynamicList",
"edit": {
"type": "dynamicList",
"props": {
"setting": "dynamic",
"value": ":dynamic",
"query": {
"sort": "$index"
}
}
}
}
}
/api/xiang/setting/dynamic

Props

interface IProps extends InputProps {
value: string
setting: string
query?: { [key: string]: string }
}

API

PropertiesDescriptionTypeDefaultRequiredVersion
valuebind valuestring-yes
settingsetting namestring-yes
querySubmit parameter, which will be integrated into data as it is when submitting dataIProps['query']-No