Dynamically setting data set for select inputs

[E2dwhy]

Is your feature request related to a problem? Please describe.
We are trying to dynamicaly set the data from the Select input

Describe the solution you'd like
We are trying to dynamicaly set the data from the Select input, that is, listening to key and key down events and update the data of the select dropdown so that we optimize the app to not load the entire dataset that is mainly about 8000 records.
Is there a way to make this work? and if yes can you guide us through?

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[seeranjeeviramavel]

Form.io's Select component allows you to fetch options dynamically from an external API. By this feature, you can optimize the data load by implementing search, filtering, sorting, and refreshing data during scrolling events.

1. Go to Formio Builder
2. Select the Select component, then click on the Data tab. Here, you’ll find the Data Source Type dropdown.
3. Set the Data Source Type to URL and provide your API endpoint in the Data Source URL field.
4. Modify the id path, value property and Item Template according to your response of the url
5. Then save

Here is a example of dynamically set data for the select component

{
  "label": "Select",
  "widget": "choicesjs",
  "tableView": true,
  "dataSrc": "url",
  "data": {
    "url": "https://jsonplaceholder.typicode.com/users",
    "headers": [
      {
        "key": "",
        "value": ""
      }
    ]
  },
  "valueProperty": "email",
  "template": "<span>{{ item.email }}</span>",
  "validateWhenHidden": false,
  "key": "select",
  "type": "select",
  "disableLimit": false,
  "noRefreshOnScroll": false,
  "input": true
}

[lane-formio]

@seeranjeeviramavel
Thanks for the assist!