Actions
submit-form

2min
The action can be used on a form to save data into any of the data types (check out Forms﻿ to learn more about forms). submit-form has to be used on a default jig with the form﻿ component. A typical use case of submit-form is saving or updating the records in a table. 
The submit-form action can be set up as a primary action on default jig with a form component
Your jig type has to be jig.default
Action must be submit-form with the title of the button, and you need to specify: the id of the form that you want to save, provider, entity, method and if you are using SQL, REST, SALESFORCE, SOAP you need to specify the function that you are calling.
On the default jig you need to create a component. form, the instance Id, which will be the id of the form.
You can use the form's components in the form, and the instanceId of each component will be the name of the column of the data row that will be saved.
Offline remote data handling
Dealing with offline remote data is fundamental to ensuring data synchronization and consistency between the mobile app and the remote data source, allowing users to continue using the app and performing actions without interruption. Offline remote data handling﻿ explains how to configure solutions to deal with data when the device is offline using the queueOperations property available in execute-entities and provides examples and code samples.
﻿Examples and code snippets ﻿
submit-form example
Example of submit-form to save a new employee into the dynamic-data table. The first name, last name, and phone number will be saved in the employees' data table.
Example:
See the full example using dynamic data in GitHub. 
submit-form.jigx
actions:
  - children:
      - type: action.submit-form
        options:
          formId: simple-form
          provider: DATA_PROVIDER_DYNAMIC
          entity: default/employees
          method: save
          title: Save person

children:
  - type: component.form
    instanceId: simple-form
    options:
      children:
        - type: component.text-field
          instanceId: firstname
          options:
            label: First name
        - type: component.text-field
          instanceId: lastname
          options:
            label: Last name
        - type: component.text-field
          instanceId: phone
          options:
            label: Phone number
            keyboardType: decimal-pad
actions:
  - children:
      - type: action.submit-form
        options:
          formId: simple-form
          provider: DATA_PROVIDER_DYNAMIC
          entity: default/employees
          method: save
          title: Save person

children:
  - type: component.form
    instanceId: simple-form
    options:
      children:
        - type: component.text-field
          instanceId: firstname
          options:
            label: First name
        - type: component.text-field
          instanceId: lastname
          options:
            label: Last name
        - type: component.text-field
          instanceId: phone
          options:
            label: Phone number
            keyboardType: decimal-pad
﻿
﻿
Updated 24 Jul 2024
Did this page help you?
set-state
sync-entities
Docs powered by Archbee
TABLE OF CONTENTS
Offline remote data handling
Examples and code snippets
submit-form example
submit-form

Offline remote data handling

﻿Examples and code snippets ﻿

submit-form example

Examples and code snippets
