Hello WeWeb Community,
I’m currently working on a multi step form implementation and facing an issue with the last step.
In this last step I’m using a datagrid element to allow my user to modify some aspect of a json object that is generated following informations collected in previous steps of the form.
The structure of my JSON object is always as follows:
[ { “place”: " ", “price”: " ", “props”: " ", “casting”: [ { “role”: " ", “casting_type”: " " } ], “verbatim”: " ", “unique_id”: “1”, “num_people”: " ", “days_needed”: " ", “props_price”: " ", “set_building”: " ", “set_building_price”: " ", “set_dressing_price”: " " } ]
Empty spaces are filled with informations calculated based on previous input. Usually the arrays contains between 5 to 15 objects
My question is particularly focused on the “Casting” part, which is an array containing objects with two keys: “role” and “casting_type”. I want to allow users to edit every object within this array. However, when there is more than one object in the casting array, the Datagrid element only displays the first one for editing.
How can I configure the Datagrid to display and allow editing for all objects within the “Casting” array, especially when there are multiple objects?
Is there a specific configuration or property I might be missing that enables full interaction with nested arrays in the JSON object?
Any guidance, examples, or references to documentation that could help solve this issue would be greatly appreciated. I’m keen to learn what I might be overlooking or what best practices could be applied to address this functionality.
Thank you in advance for your time and support!
Cheers from Thailand !
Moris