QuickDEV
  • โ–ถ๏ธQuick start
    • ๐Ÿ”ƒOverview
    • ๐Ÿ”‘Security
  • ๐ŸŽญUsers management
    • ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆMembers and groups
    • ๐Ÿ”Permission for resources
  • ๐Ÿ–ฅ๏ธApplications
    • โž•Create applications
      • โคด๏ธCreate application/module
      • ๐Ÿ”ฒModule
      • โœ…Version and Release Management
    • ๐ŸŽจApplication editor
      • ๐Ÿ‘๏ธโ€๐Ÿ—จ๏ธVisual components
        • โš™๏ธCommon component settings
        • โฌ†๏ธFile upload
        • ๐Ÿ“ŠCharts and graphs
        • ๐ŸŒ„Image
        • ๐Ÿ“‹Option lists
        • ๐Ÿ“‘List view
        • โฌœDrawer
        • ๐Ÿ—บ๏ธGoogle maps
        • ๐Ÿ“ฉMessages / Toast
        • ๐Ÿ“…Calendar
        • Custom component
      • #๏ธโƒฃUse markdown
      • โŒจ๏ธKeyboard shortcuts
    • ๐Ÿ”—Navigation
    • โฏ๏ธActions editor
      • โฑ๏ธDate handling
      • ๐ŸŸฐData selection & JavaScript
      • โšกEvent handlers
      • ๐Ÿ”ŽJavaScript Query
      • โœ–๏ธDynamic variable
      • ๐Ÿ’ฑTransformers
      • ๐ŸงฎData responder
      • โ†•๏ธBuilt-in JS functions
      • ๐Ÿ“šThird-party libraries
    • ๐Ÿ–Œ๏ธStyling
      • ๐Ÿ“Themes
      • ๐Ÿ–๏ธCustomize styles
  • ๐Ÿš€Database & API
    • ๐Ÿ”ŽQueries
    • ๐ŸงฐQuery repository
    • ๐Ÿ“กDatasources
      • ๐ŸŒŽAPI
        • 1๏ธREST API
        • 2๏ธGraphQL
        • 3๏ธGoogle Sheets
      • ๐ŸŸ SQL Databases
        • 1๏ธOracle
        • 2๏ธMicrosoft SQL Server
        • 3๏ธMySQL
        • 4๏ธPostgreSQL
        • 5๏ธMariaDB
      • ๐ŸŸกNoSQL Databases
        • 1๏ธMongoDB
        • 2๏ธCouchDB
        • 3๏ธDynamoDB
      • ๐Ÿ”ดREDIS
      • ๐ŸŸขBigData & OLAP
        • 1๏ธBig Query
        • 2๏ธSnowflake
        • 3๏ธClickHouse
        • 4๏ธElasticsearch
      • ๐ŸŒWebSocket
  • ๐Ÿ’ปIntegrations
    • 1๏ธANGULAR
    • 2๏ธHTML Pages
Powered by GitBook
On this page
  1. Applications
  2. Actions editor

Data responder

PreviousTransformersNextBuilt-in JS functions

Last updated 1 year ago

When building an app, you can define events for components to monitor changes in specific data. For instance, for a Table component, the predefined events for changes in the selectedRow property: "Row select change", "Filter change", "Sort change", and "Page change".

However, some data changes, such as the changes in dynamic variables, transformers, or query results, do not have equivalent events. Data responders address these scenarios by enabling you to monitor and react to any data change.

Events for data responders are more general than the events that listen to data changes such as content change, row select change, etc.

Listen to data changes

In query editor, click + New, and then select Data responder to create a new data responder.

You can specify the data that a data responder monitors. It accommodates various data formats, including numbers, strings, arrays, and JavaScript objects. In the following example, any change to the Text component prompts a global notification.

When the data is in array or JavaScript object format, any change to a sub-element will trigger the configured event. For instance, in the case of dataResponder2, which is an object, it monitors two Input components within the application. Any change to these components will trigger the same global notification.

For detailed information, go to .

๐Ÿ–ฅ๏ธ
โฏ๏ธ
๐Ÿงฎ
Event handlers > Actions