This page is not yet available in Spanish. We are working on its translation.
If you have any questions or feedback about our current translation project,
feel free to reach out to us!App Builder is not supported for your selected
Datadog site (
).
UI components can trigger reactions on an Event. Event triggers differ according to the component. For example, a button component can trigger a reaction on a click event, and a table component event can trigger a reaction on a page change or table row click event. To see what event triggers are available for a given component, see Components.
An event can set the state of a UI component, open or close a modal, trigger another query, or even run custom JavaScript.
For example, the GitHub PR summarizer blueprint uses a Summarize button with an event that triggers on a click. The event uses the Trigger Query reaction which runs the summarizePulls query.
State functions
App Builder provides functions for some types of app state changes. These functions are available in custom event reactions for specific components and in post-query hooks.
- fetch
- Executes the query that you run this function on. This function is available for all components that offer the custom event reaction type.
Example: query0.fetch() executes the query named query0. - setIsOpen
- Sets the status of a modal to open or closed based on the boolean value that you provide.
Example: See the Components documentation page section for the modal component. - setPageIndex
- Sets the
pageIndex property of the table component to the page that you specify. Works with the server side pagination type.
Example: See the Components documentation page section for the table component. - setSelectedRow
- Sets the
selectedRow property of the table component to the row that you specify.
Example: See the Components documentation page section for the table component. - setTabIndex
- Sets the
selectedTabIndex property of the table component to the tab index that you specify.
Example: See the Components documentation page section for the tab component. - setValue
- Sets the value of an element to the value that you provide to the function.
Examples: See the Components documentation page sections for the number input, radio button, search, select, text area, and text input components.
To see what state functions are available for a given component, see Components.
Further reading
Más enlaces, artículos y documentación útiles:
Do you have questions or feedback? Join the #app-builder channel on the Datadog Community Slack.
