Skip to main content

Form fields

Input​

Input​

{
  "label": "Enter your name",
  "name": "name",
  "initialValue": "",
  "rules": [
    {
      "required": true,
      "message": "Please enter your name!"
    }
  ],
  "inputComponent": {
    "type": "Input",
    "props": {
      "style": {}
    }
  }
}

InputNumber​

{
  "label": "Enter your score",
  "name": "score",
  "initialValue": "",
  "rules": [
    {
      "required": true,
      "message": "Please enter your score!"
    }
  ],
  "inputComponent": {
    "type": "InputNumber",
    "props": {
      "min": 0,
      "max": 100,
      "style": {}
    }
  }
}

Picker​

DatePicker​

{
  "label": "Enter your date of birth",
  "name": "dateOfBirth",
  "initialValue": "",
  "rules": [
    {
      "required": true,
      "message": "Please enter your date of birth!"
    }
  ],
  "inputComponent": {
    "type": "DatePicker",
    "props": {
      "style": {}
    }
  }
}

Select​

Select (One)​

{
  "label": "Divisions",
  "name": "divisionIds",
  "rules": [
    {
      "required": true,
      "message": "Please select one division!"
    }
  ],
  "inputComponent": {
    "type": "Select",
    "dataSource": "p_API_EBM_GetDivisions_OPTIONS",
    "dataSourceAppName": "Report",
    "props": {
      "style": {}
    }
  }
}

Select.Multiple​

{
  "label": "Divisions",
  "name": "divisionIds",
  "rules": [
    {
      "required": true,
      "message": "Please select one division!"
    }
  ],
  "inputComponent": {
    "type": "Select.Multiple",
    "dataSource": "p_API_EBM_GetDivisions_OPTIONS",
    "dataSourceAppName": "Report",
    "props": {
      "style": {}
    }
  }
}

Checkbox​

Checkbox.Group​

{
  "label": "Divisions",
  "name": "divisionIds",
  "rules": [
    {
      "required": true,
      "message": "Please select one division!"
    }
  ],
  "inputComponent": {
    "type": "Checkbox.Group",
    "dataSource": "p_API_EBM_GetDivisions_OPTIONS",
    "dataSourceAppName": "Report",
    "props": {
      "style": {}
    }
  }
}