Component methods

Component methods provide you with more flexibility when working with components. Using these methods, you can programmatically open and close components, set new or reset current values, and more. Component methods are available under {{ui.componentName.methodName()}} , and they can accept parameters and return values. You can see a list of component methods via the App state tab in the left side panel.

In this section, we'll explore two cases of using component methods.

Opening and closing a modal

When working with a Modal component, you may want it to open via custom interaction - on Button/Table row click or from a custom JavaScript snippet.

For this purpose, you simply need to add a Modal component to your working area and create a JavaScript Code action with the following code:

{{ui.myCustomModal.open()}} - open a modal

{{ui.myCustomModal.close()}} - close a modal

Resetting a form after submission

Now, let's review the case how you can reset a Form after creating a record and submitting your changes.

To reset a form:

1. Add a Form to the working area.

2. Navigate to its Triggers section and select Create action for the On Submit trigger.

3. For the first step, select the Create Row action type.

4. Next, add another step to it of the JavaScript Code type and specify the following code:

{{ui.yourForm.reset()}}

Done! Now, after submitting the form, it will return to its default condition.