Cascade Dropdown

RE: Cascade Dropdown

gopalk0002 — Fri, 28 Jun 2019 01:29:00 GMT

Thanks ekanshj I configured in that way only.

RE: Cascade Dropdown

ekanshj — Thu, 27 Jun 2019 23:41:40 GMT

yes this has to be dynamic in nature based on selection for that either you have to use database queries where based on your selection it will pass as input and fetch the relevant options or you can create a decision which can be configured as per input and gives out the output.

RE: Cascade Dropdown

gopalk0002 — Thu, 27 Jun 2019 20:49:25 GMT

yes Correct. we will retrieve values from data repository.

RE: Cascade Dropdown

gopalk0002 — Thu, 27 Jun 2019 20:48:03 GMT

thanks

RE: Cascade Dropdown

gopalk0002 — Thu, 27 Jun 2019 20:42:58 GMT

Thanks ekanshj for replying, if user selects second option or third option he will get same options in second dropdown. how can we configure it dynamically.

RE: Cascade Dropdown

Robert Shankin — Thu, 27 Jun 2019 14:52:12 GMT

I like the spirit of this answer.

Just note that ekanshj - for illustrative purposes, I assume - is loading the drop down values from hard-coded arrays in the SAIL. This will work fine for the example. However, in practical application, this can be a chore to maintain. Typically, a more flexible solution would be to retrieve those values from your reference data repository.

RE: Cascade Dropdown

davel001150 — Thu, 27 Jun 2019 13:41:22 GMT

If the second dropdown is ever going to be required, you might want to replace "showWhen:" in ekanshj's example code with "disabled:" It helps the user not be shocked by the addition of a new field, but informs them of exactly how many inputs they're going to have to fill in and in what order.

UX is a bit more of an art than a science, though. You can try both approaches and see which you prefer.

RE: Cascade Dropdown

ekanshj — Thu, 27 Jun 2019 01:24:01 GMT

Hi gopalk0002
You can achieve this by saving the values to be shown in the second drop-down on the selection of 1st drop-down and show the second one only after the first is selected.
Make sure to do a null condition if the option is changed in the first one. Something like this.

load(
  local!dropdown1: {1,2,3},
  local!value1,
  local!value2,
  local!dropdown2,
  {
  a!dropdownField(
    label: "Dropdown 1",
    placeholderLabel: "Please select",
    choiceLabels: local!dropdown1,
    choiceValues: local!dropdown1,
    value: local!value1,
    saveInto: {
      local!value1,
      a!save(local!value2,NULL),
      if(local!value1=local!dropdown1[1],a!save(local!dropdown2,{4,5,6}),a!save(local!dropdown2,{7,8,9}))
    }
  ),
  a!dropdownField(
    showWhen: not(rule!APN_isBlank(local!value1)),
    label: "Dropdown 2",
    placeholderLabel: "Please select",
    choiceLabels: local!dropdown2,
    choiceValues: local!dropdown2,
    value: local!value2,
    saveInto: local!value2
 )
})