Dynamic grid creation

mohamedb over 7 years ago

I have a Driver section and Trailing Grid section on a form. The values the user select in the first section; decides what values to make available for the user in the Grid section.

Now, if the user changes the values in the Driving Section after populating the Grid section; a very valid UI error displays.

We have a couple of resolutions in mind but I would like to seek your opinion of the best way to implement this scenario? That still allows the user to make changes in the Driving Section after he/she has populated some values in the Grid based on some initial choices he/she made?

We can flush the existing data from the grid but would like to know if there are other ways to do that?

Discussion posts and replies are publicly visible

0 Karthik over 7 years ago

Re initializing the object that is mapped to the grid every time the driver component being changed will resolve the problem.
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel
0 mohamedb over 7 years ago

Yes, that's one option. What if the user made the re-selection in the driver section by mistake? Re- initializing Grid object will force him/her to re-fill all the rows again which may turn out to be much work? Any better ideas than ours :)
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel
0 Karthik over 7 years ago

As far as I know, we can not alert the users about something when they change values in a dropdown. We can display an instruction though.
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel
0 Stefan Helzle
A Score Level 3
over 7 years ago

It looks like you have some dropdown fields in your grid. Flushing all data is not the way to go. I would try to keep as much data as possible. For this you could create a custom dropdown component that is more robust than the default one.

One option to make the user interaction "better". Disable the fields in the driver section as soon as there is some data in the grid and add a button to reenable it. The button could show a confirmation message to explain what is going on.
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel
0 aayusha
Certified Senior Developer
over 7 years ago

Initialize different local variables for all possible options available in the driver section.
Now if the user fills values in grid section for option A of driver section then they are persisted in different local variable compared to if user selects option B in the driver section.

Now, when the user clicks on submit button then check the value in driver section and persist that local in ri.

Please note, this solution is not scalable. If in future there is a new option in driver section, developer's work will be required.
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel