Uncodie
Technical DocumentationNo CodeTutorialsChangelogDisccord
Developers
Developers
  • đź“–Documentation
    • Basic Concepts
      • Node JS
      • React
      • Postgres SQL
      • GraphQL
      • Git
      • API
  • 🔌API
    • Getting Started
      • Credentials
    • Users
      • Register User
    • Component Interface
      • Props
  • 🤖IDE
    • Getting started
    • Component View
      • CSS
      • Controller
      • Component
    • Compiler
    • Importing Code
      • Scripts
        • Manifest
      • Connectors
        • Manifest
      • Components
        • Manifest
    • Exporting Code
      • Design Systems
        • Custom React libraries
      • Guidelines
  • ⚙️Figma Plugin
    • Variables
      • Global Variables
      • Local Variables
      • Route Variables
      • Session Context
      • Window Variables
    • Actions
      • GraphQL Trigger
      • Refresh Query
      • Set Variable
      • Select and Navigate
  • 🎛️Settings
    • User Authentication
    • Git
    • External Deployment
    • Version Control
    • External DB Setup
    • SEO
Powered by GitBook
On this page
  • Set up
  • Use cases
  • Refresh a screen
  • Refresh a form
  • Refresh a search result
  • Synchronize data between modules
  • Reload a list or table
  • Parameters
  • Name

Was this helpful?

  1. Figma Plugin
  2. Actions

Refresh Query

This action provides functionality to refresh a data source.

Set up

  1. Select the element where you want the instruction to be executed.

  2. Open the Uncodie plugin and go to the components section.

  3. In actions, create a new action.

  4. Choose the event that will trigger the action and select the “RefreshDataSourceQuery” option.

Use cases

Refresh a screen

Automatically update real-time table data: By using RefreshDataSourceQuery, you can configure a table to automatically refresh with the latest data without having to reload the page.

Refresh a form

Refresh form information: If there are fields in a form that depends on an external data source, such as a dropdown list of options, you can use RefreshDataSourceQuery to update those options without reloading the entire page.

Refresh a search result

Update search results on a page: When performing a search on a web page, RefreshDataSourceQuery can be used to dynamically update the list of results as search criteria are entered.

Synchronize data between modules

Synchronize data between different components or modules of an application: If there are multiple components or modules in an application that need to access and display the same data, RefreshDataSourceQuery can be used to ensure that all components or modules are always up to date with the latest information.

Reload a list or table

Automatically reload a list of messages or notifications: In a messaging application or notification system, RefreshDataSourceQuery can be used to automatically refresh the list of messages or notifications without requiring the user to perform a manual action, such as clicking a refresh button.

Parameters

Name

Description

Datasource or GraphQL query name to refresh, either provided by the system or created by the user, see:

Required

PreviousGraphQL TriggerNextSet Variable

Last updated 1 year ago

Was this helpful?

⚙️
Data Sources
Logo