Enum source remote URL of one property depending on value of other property

[tjeerdbakker38]

Hi all,

I'm trying to implement the following using ncform. I need a form in which the possible choices for one dropdown depend on the value of another dropdown. For instance, the first dropdown would contain a list of projects, and the second a list of branches and tags for the project selected in the first dropdown.

I've adapted the adv-temp-value example to make the remoteUrl a dx expression using {{$temp.selectedItem.id}} to build the proper URL, but it seems that remoteUrl isn't recalculated when the first property changes value. Or at least, the URL containing the values for the second dropdown is never downloaded. Please find my ncform schema below. Do you have any suggestions how to implement the proper behaviour?

Many thanks for any help!

{
  type: "object",
  properties: {
    "choice": {
      "type": "string",
      "ui": {
        "description": "dx: {{$temp.selectedItem.desc}}",
        "widget": "select",
        "widgetConfig": {
          "itemDataKey": "selectedItem",
          "enumSourceRemote": {
            remoteUrl: "data.json",
            refField: ""
          }
        }
      }
    },
    "sub": {
      "type": "string",
      "ui": {
        "widget": "select",
        "widgetConfig": {
          "enumSourceRemote": {
            remoteUrl: "dx: {{$temp.selectedItem.id}} + '/sub.json'",
            refField: ""
          }
        }
      }
    }
  }
}

[daniel-dx]

Try this:

{
  type: "object",
  properties: {
    "choice": {
      "type": "string",
      "ui": {
        "description": "dx: {{$temp.selectedItem.desc}}",
        "widget": "select",
        "widgetConfig": {
          "itemDataKey": "selectedItem",
          "enumSourceRemote": {
            remoteUrl: "data.json",
            refField: ""
          }
        }
      }
    },
    "sub": {
      "type": "string",
      "ui": {
        "widget": "select",
        "widgetConfig": {
          "enumSourceRemote": `dx: ({
            remoteUrl: "dx: {{$temp.selectedItem.id}} + '/sub.json'",
            refField: ""
          })`
        }
      }
    }
  }
}

[tjeerdbakker38]

Hi Daniel, thanks for your suggestion. Unfortunately, this doesn't trigger a refresh of the list of options for 'sub' when the users selects an option for 'choice'. Is there anything else I can try?

[daniel-dx]

Refer to this example: https://ncform.github.io/ncform/ncform-show/playground/index.html#tpl=adv-selector-interaction

[tjeerdbakker38]

Thank you, that is a good workaround.