Detached Actions
By using detached actions, you can define actions without associating them with a component.
Additionally, when setting actions for dynamic components, you need to use detached actions.
This feature was added in v4.1.0.
How to Define a Detached Action
You can define a detached action using the following steps:
- Click
[Left Side Menu] - [Detached Actions]. - Click the
[Add]button. - Enter the
[ID]and[Label]. - Click the
[ADD]button. - Write the desired action in the action editor that opens.
- Save in the action editor to store the action, and the defined detached action will be added to the list.
How to Use Detached Actions
Detached actions can be used with dynamic components or statically placed components in the editor.
| Type | Usage |
|---|---|
| Dynamic Component | 1. Set "detachedAction" for the clickEvent/changeEvent property2. Set the ID of the defined detached action in the detachedAction property |
| Static Component | 1. Select a detached action in Click Event/Change Event in the property dialog 2. Select the ID of the detached action |
Components That Support Detached Actions
Detached actions can be set for the following components:
| Component |
|---|
| Text Field |
| Text Area |
| Number Field |
| Big Number |
| Search Field |
| Password |
| Select |
| Combobox |
| Radio Button |
| Radio Group |
| Checkbox |
| Checkbox Group |
| Switch |
| Rating |
| Slider |
| Date Picker |
| Time Picker |
| Date Time Picker |
| Button |
| Icon Button |
| 2D Scanner |
| Image |
| Carousel |
| Avatar |
| Basic List |
| Detailed List |
| App Bar |
| Link |
| Tree View |
| Bottom Navigation |