Seach

Seach

Reactivity

1. Overview

The "Reactivity" functionality allows control over which components will be updated in response to user interactions. This is essential to keep the interface synchronized with the current state of the data while avoiding unnecessary updates to components not involved in the interaction.

2. Manual Reactivity Disabled

By default, if Manual Reactivity is disabled, the platform updates all components on the screen when data changes or user interactions occur. This process includes a "screen flash," where all elements are updated simultaneously. While this ensures that the entire interface is always up-to-date, it can be visually disruptive.

3. Configuring Reactivity

Select the Component: Navigate to the component you want to configure for reactivity.

Enable Manual Reactivity: In the settings menu, under "Personalize," go to the "Reactivity" section and activate the flag "Manually select components to be updated" in response to data changes or user interactions. This provides greater control over the interface's behavior and can optimize application performance. It is particularly useful in scenarios where constant updates to all components are unnecessary or could negatively impact the user experience.

Select Screens: First, select the screens containing the components you want to make reactive.

Components: After selecting a screen, choose the components within it that should be updated automatically. Components are selected by their IDs. For example, you can select Screen 1 and choose to update components with IDs 3 and 4. Then, select Screen 2 and choose components with IDs 2 and 9. This means that components with IDs 3 and 4 on Screen 1 and components with IDs 2 and 9 on Screen 2 will be reactive to changes.

4. How to Find Component IDs

To configure reactivity manually, you need to know the IDs of the components you want to make reactive. Each component receives a unique ID when added to the screen. To find a component's ID:

  • Right-Click on the Component: Right-click on the component to open a drop-down menu.

  • View the ID in the Header: The component's ID will be displayed in the header of this menu. This is the ID you should select when configuring reactivity to ensure the correct component is updated.

5. Do Not Update Any Other Component

If you want no components to be updated, simply activate the "Manually select components to be updated" flag and do not select any components. This disables automatic updates for all components, ensuring that the interface remains static even when data changes or user interactions occur.

6. Automatic Data Entry and Reactivity

The "Automatic Data Entry" functionality is designed to automatically save all data changes made by users. This functionality is often used alongside the "Manually select components to be updated" flag to optimize application performance and enhance the user experience. The combined use of these functionalities ensures that updates occur smoothly, without screen flashes or visual interruptions, providing a more fluid and seamless user experience. For more information on Automatic Data Entry, refer to the Automatic Data Entry documentation.

7. Advantages of Reactivity

Precise Control: Allows you to select exactly which components should be updated, avoiding unnecessary updates to the entire interface.

Performance Optimization: Reduces processing load by avoiding updates to unchanged components, improving application efficiency.

Enhanced User Experience: With fewer "screen flashes," the interface becomes more stable and pleasant for the end user.