There is certain issue with the cascading of the radio button component. T

There is certain issue with the cascading of the radio button component.
The scenario which doest work is :
1) We have two SAIL components, drop down and radio button, the value of the radio button depend on the dropdown selected.
2) Radio button gets the value initially when we select the drop down field.
3) But now when we choose the radio button and than select the dropdown the radio button doesnt reflect the change.

Note: if we replace the radio button with the checkbox the changes are reflected

I have attached the code for better understanding

RadioButtonIssue.txt

OriginalPostID-199350

OriginalPostID-199350

  Discussion posts and replies are publicly visible

Parents
  • =load(
    local!dropDownFieldValue:null,
    local!radioButtonFieldValue:"No",

    a!formLayout(
    label: "Lorem Ipsum",
    instructions: "Lorem Ipsum",
    firstColumnContents: {


    a!dropdownField(
    label:"Select the dropdown field",
    placeholderLabel:"Please select",
    choiceLabels:{"A","B","C"},
    choiceValues:{"A","B","C"},
    value:local!dropDownFieldValue,
    saveInto:{local!dropDownFieldValue,
    a!save(local!radioButtonFieldValue,null)
    }
    )
    ,
    a!radioButtonField(
    label:"Selected Radio Button",
    choiceLabels:{"Yes","No"},
    choiceValues:{"Yes","No"},
    value:if(rule!APN_isEmpty(
    local!radioButtonFieldValue),null,local!radioButtonFieldValue),
    saveInto:local!radioButtonFieldValue
    )

    },

    secondColumnContents: {
    /* Add components here for a two-column form */
    },
    buttons: a!buttonLayout(
    primaryButtons: {
    a!buttonWidgetSubmit(
    label: "Submit",
    style: "PRIMARY",
    saveInto: {}
    )
    },
    secondaryButtons: {
    a!buttonWidgetSubmit(
    label: "Cancel",
    style: "NORMAL",
    value: true,
    saveInto: ri!cancel,
    skipValidation: true
    )
    }
    ),
    validations: {}
    )


    )

    There was type error, but the issue still persist.
    Initially the value for Radio Button is "NO", now when i select the Drop Down the value of radioButton is cleared to null but the same is not getting reflected on UI
Reply
  • =load(
    local!dropDownFieldValue:null,
    local!radioButtonFieldValue:"No",

    a!formLayout(
    label: "Lorem Ipsum",
    instructions: "Lorem Ipsum",
    firstColumnContents: {


    a!dropdownField(
    label:"Select the dropdown field",
    placeholderLabel:"Please select",
    choiceLabels:{"A","B","C"},
    choiceValues:{"A","B","C"},
    value:local!dropDownFieldValue,
    saveInto:{local!dropDownFieldValue,
    a!save(local!radioButtonFieldValue,null)
    }
    )
    ,
    a!radioButtonField(
    label:"Selected Radio Button",
    choiceLabels:{"Yes","No"},
    choiceValues:{"Yes","No"},
    value:if(rule!APN_isEmpty(
    local!radioButtonFieldValue),null,local!radioButtonFieldValue),
    saveInto:local!radioButtonFieldValue
    )

    },

    secondColumnContents: {
    /* Add components here for a two-column form */
    },
    buttons: a!buttonLayout(
    primaryButtons: {
    a!buttonWidgetSubmit(
    label: "Submit",
    style: "PRIMARY",
    saveInto: {}
    )
    },
    secondaryButtons: {
    a!buttonWidgetSubmit(
    label: "Cancel",
    style: "NORMAL",
    value: true,
    saveInto: ri!cancel,
    skipValidation: true
    )
    }
    ),
    validations: {}
    )


    )

    There was type error, but the issue still persist.
    Initially the value for Radio Button is "NO", now when i select the Drop Down the value of radioButton is cleared to null but the same is not getting reflected on UI
Children
No Data