How to use the api calls for pin code fields and for dropdown

[venkateshpullaganti]

Hi @manojadams

I want to prefill the state and city based on the pincode entered through the API call. It is making an API call when the form first loads but not when I enter the pin.

Sample codesandbox

Also is there a way to load the options for a dropdown through the API call.?

[manojadams]

@venkateshpullaganti In the sample codesandbox attached, I don't see any option fields like select.
Can you check?

[manojadams]

The following example demonstrates how to fetch and update state list on entering pincode.

{
"fields: [{
  "name": "pincode",
  "meta": {
     "displayName": "Pincode",
     "displayType": "text",
      "displayProps": {
          "xs": 12,
          "md": 6
      }
  }
}, {
  "name": "state_name",
  "meta": {
      "config": {
          "type": "urlLoader",
          "url": "<URL_TO_FETCH_PINCODE>",
          "queryParams": [
              [
                  "pincode",
                  {
                      "type": "fieldValue",
                      "ref": "pincode"
                  }
              ]
          ],
          "valueKey": "state#name",
          "labelKey": "state#name"
      },
      "displayName": "State",
      "displayType": "select",
      "displayProps": {
          "xs": 12,
          "md": 6
      },
      "validation": {
          "required": true
      },
      "value": "",
      "dependencies": {
          "patternMatchUrlLoader": {
              "type": "urlLoader",
              "ref": "pincode",
              "pattern": "^[1-9][0-9]{5}$",
              "url": "<API_TO_FETCH_PINCODE>",
              "queryParams": [
                  [
                      "pincode"
                  ]
              ],
              "valueKey": "state#name",
              "labelKey": "state#name",
              "defaultValue": "0" 
          }
      }
  ]
}

Note: "defaultValue": "0" will select the first item from the response list.