How move data from Form to Table and back without saving to DB?

Hello,

It seems that I have run into a small problem and am not able to achieve this so I need help on this.

I have built a page in which there is an Add Button and a table under it and a Master Save button at the bottom.

When a user clicks on Add button I want to show a Modal Dialog for entering data in it.

When the user clicks on the save button in the Modal, the entered data should be inserted in the Table row on the page.

User can click on Edit button associated which the row and which is present on the right of each row. Now when the users does this the data in the row of the table should be inserted in the Modal and show to user to edit/update it. Here when the user clicks on the save button the data should replace the data in current row.

User can also remove a row by clicking on the Delete button associated with the row.

Once all the data is entered user can click on Master Save button at the bottom of page to save the data to DB.

I hope I am making some sense here.

How can we achieve this?

TIA

Community Page
Last updated: