Check out the live demo of Component specific actions demonstrated in one of our community call.
Available Component Specific Actions
|Widget||Component Specific Actions|
|Button||Click, Set label, Disable, Visibility, Loading|
|Color picker||Set color|
|File picker||Clear files|
|Kanban||Add card, Delete card, Move card, Update card data|
|Multiselect||Select option, Deselect option, Clear selection|
|Radio button||Select option|
|Table||Set page, Select row, Deselect Row, Discard changes|
|Text||Set text, Set Visibility|
|Text Area||Set text, Clear|
|Text Input||Set text, Clear, Set Focus, Set Blur, Disable, Visibility|
Currently, Component specific actions are supported only by the above listed widgets. We are working on bringing component specific actions for the remaining widgets.
Using Component Specific Actions
Set a value for text input widget using button's event handler
Drag a Text Input and a Button widget onto the canvas.
Go to the Inspector on the left sidebar to check the exposed variables available for the
textinput1widget under the
components. You'll see that the variable
valueis an empty string because the field value of the text input widget is empty right now.
- Now enter some value in the text input widget and you'll see that the
valuein inspector has been updated.
- Now, click on the button's widget handler to open up its properties in the right sidebar and then add a event handler for On Click event to trigger Control Component action. Select
textinput1in component dropdown,
Set textas Action, and in
Textfield enter the text that you want to update in the field value.
- Now when you'll click on the button you'll see that the field value of the text input widget has been updated with value that you set.
- Finally, hit the save and run query button to fire up the query, and you'll see that the field value of the text input widget has been cleared.