Create a single form to add and update data

If you need to save some space on the working area, instead of creating two separate forms for adding and updating data, you can achieve that with a single form. Here's how to do that:

1. Drag a Form component to your working area. To populate the data of a table's selected row, specify {{ui.employeesTable.selectedRow.data}} in the form's Data field;

2. Add a new multi-step action - Condition. In the code field, specify the code:

return [null, undefined].includes({{ui.form.value.id}});

3. For a True condition, add an Update Row action.

Update Row action

4. For a False condition, add a Create Row action.

Create Row action

5. In the Triggers section, assign the action that loads your data On Success trigger to update the data in the table.

6. Finally, assign the add/update action to the On Submit trigger of the form: