You can configure a suite of controls.

Configuration description

FieldDescriptionData typeRequired?Remarks
nameThe name of the control.stringYesNone.
typeThe type of the control.stringYesNone.
defaultThe default value.objectNoIf this field is not specified, the default value is empty. For more information, see Value description.
childrenThe controls in the suite.objectNoDefault value: {}. For more information, see Value description.
enableHideSpecifies whether controls in the suite can be hidden.booleanNoDefault value: false. If this field is set to true, a show or hide icon appears, and the show field is added.

Value description

ConditionData typeExampleDefault value
The enableHide field is not configured or is set to false.xxxobject
{
 "number": 12,
 "open": true
}
{}
The enableHide field is set to true.object
{
 "number": 12,
 "open": true,
 "show": true
}
{
 "show": true
}

Configuration examples

  • The enableHide field not configuredConfiguration example 1
    "style": {
        "name": "Suite",
        "type": "suite",
        "children": {
          "open": {
            "name": "Switch",
            "type": "switch",
            "col": 12
          },
          "size": {
            "type": "stepper",
            "caption": "Size",
            "min": 0,
            "max": 10,
            "step": 1,
            "col": 12
          }
        }
    }
  • The enableHide field set to trueConfiguration example 2
    "style": {
        "name": "Suite",
        "type": "suite",
        "enableHide": true,
        "children": {
          "open": {
            "name": "Switch",
            "type": "switch",
            "col": 12
          },
          "size": {
            "type": "stepper",
            "caption": "Size",
            "min": 0,
            "max": 10,
            "step": 1,
            "col": 12
          }
        }
    }