When i am editing the jsonforms with previously saved answers and i modify the answer, now in the form response i can see both previously saved answer and new answer

General
1

const schema = {
“type”: “object”,
“properties”: {
“eligibility”: {
“type”: “string”,
“enum”: [“Yes”, “No”]
},
“participation”: {
“type”: “string”,
“enum”: [“Yes”, “No”],
},
“futureParticipation”: {
“type”: “string”,
“enum”: [“Yes”, “No”],
},
“reconsiderFutureParticipation”: {
“type”: “string”,
“enum”: [“1 month”, “2 months”, “3 months”, “4 months”, “5 months”, “6 months”, “7 months”, “8 months”, “9 months”, “10 months”, “11 months”, “12 months”]
},
“nonParticipationOtherReason”: {
“type”: “string”
},
“disqualificationReason”: {
“type”: “string”,
“enum”: [“Reason 1”, “Reason 2”, “Reason 3”, “Reason 4”, “Reason 5”, “Reason 6”],
},
“disqualificationOtherReason”: {
“type”: “string”
},
}
};

const uischema = {
“type”: “VerticalLayout”,
“elements”: [
{
“type”: “Group”,
“elements”: [
{
“type”: “Control”,
“label”: “Was the patient eligible for program?”,
“scope”: “#/properties/eligibility”,
“options”: {
“format”: “radio”
}
},
{
“type”: “Control”,
“label”: “Will the patient participate in the program?”,
“scope”: “#/properties/participation”,
“options”: {
“format”: “radio”
},
“rule”: {
“effect”: “ENABLE”,
“condition”: {
“scope”: “#/properties/eligibility”,
“schema”: {
“const”: “Yes”
}
}
}
},
{
“type”: “Control”,
“label”: “Did the patient express interest in reconsidering in the future?”,
“scope”: “#/properties/futureParticipation”,
“options”: {
“format”: “radio”
},
“rule”: {
“effect”: “SHOW”,
“condition”: {
“scope”: “#”,
“schema”: {
“properties”: {
“participation”: {
“const”: “No”
},
“eligibility”: {
“const”: “Yes”
}
},
“required”: [
“participation”,
“eligibility”
]
}
}
}
},
{
“type”: “Control”,
“label”: “Suppress additional alerts until:”,
“scope”: “#/properties/reconsiderFutureParticipation”,
“rule”: {
“effect”: “SHOW”,
“condition”: {
“scope”: “#”,
“schema”: {
“properties”: {
“futureParticipation”: {
“const”: “Yes”
},
“eligibility”: {
“const”: “Yes”
},
“participation”: {
“const”: “No”
}
},
“required”: [
“futureParticipation”,
“eligibility”,
“participation”
]
}
}
}
},
{
“type”: “Control”,
“label”: “Why was the patient not eligible for program?”,
“scope”: “#/properties/disqualificationReason”,
“rule”: {
“effect”: “SHOW”,
“condition”: {
“scope”: “#/properties/eligibility”,
“schema”: {
“const”: “No”
}
}
}
},
{
“type”: “Control”,
“label”: “disqualificationOtherReason”,
“scope”: “#/properties/disqualificationOtherReason”,
“rule”: {
“effect”: “SHOW”,
“condition”: {
“scope”: “#”,
“schema”: {
“properties”: {
“disqualificationReason”: {
“const”: “Other”
},
“eligibility”: {
“const”: “No”
}
},
“required”: [
“disqualificationReason”,
“eligibility”
]
}
}
}
}
]
}
]
};

    <div>
        <JsonForms
            schema={schema}
            data={filteredData}
            uischema={uischema}
            renderers={materialRenderers}
            cells={materialCells}
            onChange={({ data, errors }) => {
                console.log({ data })
                if (JSON.stringify(data) !== JSON.stringify(formData)) {
                    setFormData(data)
                }
            }}
        />
    </div>

to data props i am passing this object
{
“eligibility”: “No”,
“participation”: “No”,
“disqualificationReason”: “Reason 1”
}

now i choose Yes as answer for this question
“Was the patient eligible for program?”

now the expected form response is
{
“eligibility”: “Yes”,
“participation”: “No”
}

but what i am getting is
{
“eligibility”: “Yes”,
“participation”: “No”,
“disqualificationReason”: “Reason 1”
}
This is the problem i am facing.

2

Hi @Suriyan ,

now i choose Yes as answer for this question
“Was the patient eligible for program?”

now the expected form response is
{
“eligibility”: “Yes”,
“participation”: “No”
}

but what i am getting is
{
“eligibility”: “Yes”,
“participation”: “No”,
“disqualificationReason”: “Reason 1”
}

The current behavior is the expected default behavior: When you select “Yes” for the “eligibility” property, only its value is changed. All others are kept as they are. Thus, the “disqualificationReason” value won’t change.

To change other properties in the data when a data change occurs (like in your case), you can provide a middleware. In your case the middleware could clear the “disqualificationReason” property whenever “eligibility” is changed to “Yes”. Find the official middleware documentation here: https://jsonforms.io/docs/middleware

3

Hi @lucas-koehler ,
Thanks for the update, i was able to add middleware and clear the data.

1 Like
4

hello @lucas-koehler
Thanks for these advice, I also tried this solution
but finaly the default middleware as also some advantages !
I’d prefer finaly to clear “disabled” data when I submit the final form : could I use a lib included in jsonforms to do that? or should I use like you mention in another thread json-schema-traverse ?
Thx

5

Hi @clysss,

We don’t have such a support in JSON Forms. Whether something is rendered as enabled or disabled is ultimately the responsibility of the used renderers. As we don’t do any data manipulation based on UI, there is also not a helper for that.

6

Like the main subject of this thread I was speaking about final (jsonforms)data, not rendering (but that was perhaps also what you understood!)

I found the last post of

https://jsonforms.discourse.group/t/advice-on-clearing-down-data-on-hiding-a-group/410/2

Could it be what i’m looking for?
Thx

7

Hi @clysss,

Yes, if you want to go down that route, then these are the way to go.