You can configure a menu to show the hierarchical structure of controls. Level-1 and
level-2 menus are supported.
Menu styles
- Level-1 menu
- Level-2 menu
Configuration description
| Field |
Description |
Data type |
Required? |
Remarks |
name |
The name of the control. |
string |
Yes |
None. |
type |
The type of the control. |
string |
Yes |
None. |
default |
The default value. |
object |
No |
If this field is not specified, the default value is empty. |
children |
The menu content. |
object |
No |
Default value: {}. The mode and name fields must be configured.
mode: whether a level-2 menu is configured. If you set this field to single, a level-1 menu is configured. If you set this field to multiple, a level-2 menu is configured.
name: the name of the menu.
|
Value description
| Condition |
Data type |
Example |
Default value |
| None |
object |
"options": {
"menuA": {
"switch": true
},
"menuB": {
"menuB1": {
"text": "Hello"
},
"menuB2": {
"stepper": 2
}
}
}
|
{}
|
Configuration examples
{
"menu": {
"name": "Menu",
"type": "menu",
"children": {
"menuA": {
"name": "Menu A",
"mode": "single",
"children": {
"switch": {
"name": "Open ",
"type": "switch",
"default": true
}
}
},
"menuB": {
"name": "Menu B",
"mode": "multiple",
"children": {
"menuB1": {
"name": "Menu B1",
"children": {
"text": {
"name": "Name",
"type": "text",
"default": "Alice"
}
}
},
"menuB2": {
"name": "Menu B2",
"children": {
"stepper": {
"name": "Age",
"type": "stepper",
"default": 22
}
}
}
}
}
}
}
}