website logo
👥 Community🎯 Samples on GitHub🚦System Status
💡 Guides
🚀 Examples
🍕 Developer Reference
⚡️ Changelog
🎥 Video Library
Navigate through spaces
⌘K
Examples Overview
Setting up your solution
Jig Types
Components
Datasource
Actions
Preview
Widgets
Expressions
Aggregation
Boolean
Comparison Operators
Date & Time
Path Operators
Functional Programming
Jigx Variables
Predicate Queries
String
Docs powered by
Archbee
Actions

submit-form

3min

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

  1. Your jig type has to be jig.default
  2. Action must be submit-form with the title of the button, and you need to specify: the id of the form that you wanna save, provider, entity, method and if you are using SQL, REST, SALESFORCE, SOAP you need to specify the function that you are calling.
  3. On the default jig you need to create a component. form, the instance Id, which will be the id of the form.
  4. In the form component, you can use the form-allowed components, and the instanceId of each component will be the name of the column of the data row that's gonna be saved.

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


See also

  • Developer reference
  • related examples (GitHub)



Updated 19 Sep 2023
Did this page help you?
PREVIOUS
set-state
NEXT
sync-entities
Docs powered by
Archbee
TABLE OF CONTENTS
Examples and code snippets
submit-form example
See also
Docs powered by
Archbee
Copyright © 2023 Jigx, Inc. All rights reserved. Terms of Service