Question

I am working on a Grails project, its an accounting project. We have multiple clients and they can have multiple types of accounts. I have to create the ‘create’ page for client, there should be a way to add multiple types of account to the client.

So I was thinking of making a drop-down list with account types and few text boxes to enter account name and other info about account. Also, as a client can have multiple accounts, so I want to create a ‘add’ button, when clicked it would display a new row to add a new client. I have done this kind of UI before using javascript but in this case, as there is a drop-down list and other components, I think it would be very hard and may not work.

I was thinking of creating a partial view which would render each time user clicked the ‘add’ button with additional row, problem with this would be during validation errors, edit page and i would also have to pass all values each time user clicks ‘add’ button.

Is there any other for doing this?

Answer 1

For the template approach you must use ajax if you don’t want to carry on the params that the user has already set.

It is possible to make new drop-down lists appear (or any group of elements inside a <div>) when a user clicks a button, since Grails already comes with jQuery you might want to take a look at the .clone() method.
The problem with the two listed approeaches is that it will be possible to have duplicates.

Now, another option is to use checkboxes, so you can check just the type of account you want.

But to be honest it does seems a bit odd or even inapropiate to let the user choose the type of account he wants with such freedom.