Building Apps with Jigx
...
Jigs (screens)
Forms

Updating a Record

3min

Learn how to update an existing record using a form.

Populating a form with initial values

Before updating the record, we have to bind the existing record to the form. For that purpose, the form component has an option called initialValues which can be used to set all form fields to the current values at once.

In this example, we will use an input parameter recordId (see Inputs & Outputs) to query a data record from the Dynamic Data table and then bind that record to the initialValues of our form.

Please note: The optional isDocument option of our datasource will ensure that only the first record will be returned by our query as a JSON object.

update-form.jigx


Updating the record

In this section, we will gonna have deep look at how you can update your records in the database or delete them with Jig form.

Another way to update data is by the submit-form action. We put the id of the record which we want to update.

For the update form, we will use the previous from that we just created and modify it.

We change the method in our action.execute-entity from save to update, under data: we add a new row with id: =@ctx.components.id.state.value , also we need to create a new entity-field for id, and for every component what we have we must add new rows with initialValue:

Your update-form.jigx file should resemble the code below:

update-form.jigx