Reactive Query

Avonni Components' Query Data Source has a powerful feature that lets you create reactive queries. This means your components can update as users interact with other parts of your interface.

What are Reactive Screens?

Reactive Screens allow you to build user interfaces that instantly respond to actions like selecting an item from a list or entering data into a field. Combining this with reactive query filters lets you dynamically change the data displayed in your components based on user selections.

How It Works

Reactive queries empower your Avonni components to update dynamically based on user interaction. Here's a breakdown of the process:

Step 1: Formula Text Variable

You'll create a formula text variable similar to a WHERE clause in SOQL. This variable defines the criteria for filtering your data.

Go to the "How to make Data Tables Reactive" tutorial to see a practical example of how this formula is structured.

Step 2: Dynamic Filter

Now that you've created your filtering formula, you'll connect it to your Avonni component (like a Data Table or List). This is how you make your component reactive – it uses the formula to determine what data to display dynamically.

Step 3: See the Magic Happen

With your filter connected, your component is now live and reactive! When a user interacts with other elements on the screen (like selecting a value from a combobox), it triggers a chain reaction:

Instant Refresh: The formula you created automatically recalculates based on the user's input.
Dynamic Update: Your Avonni component instantly re-evaluates the filter and updates the displayed data to match.

This creates a seamless and dynamic experience for your users, with the data they see responding in real-time to their actions.