Sign Up

Data Source Mappers

Data Source Mappers are essential components within the Twidget no-code API platform, designed to facilitate the integration of dynamic data sources with UI elements. They serve the purpose of linking data source attributes to the respective fields required by UI components such as dropdowns, radio buttons, and navigation elements.

-

Key Concepts

  • Dynamic Data Source: In Twidget, UI elements can utilize dynamic data sources instead of static data to populate their options. This enhances the flexibility of applications by enabling them to respond to live data.

  • Field Mapping: Field mapping allows developers to specify which attributes of a data source object correspond to the various fields needed by UI components. This includes defining label, value, and visibility settings for options.

Components and Functionality

  • Data Source List Object: This refers to a structured collection of objects, each typically containing attributes like label, value, and visible. The list itself serves as the data pool from which UI components derive their options.

  • Dropdowns and Navigation Elements: These UI components, by default, are set to utilize manual data entries. However, through Data Source Mappers, they can be configured to draw from a defined variable, thus leveraging the attributes of the data source list.

  • Field Mapping Section: Within Twidget, the configuration interface provides a field mapping section where developers can connect specific data source attributes to the expected fields of the UI components. Although default mappings are provided (e.g., label, value, visible), these can be customized based on the developer's requirements.

Workflow

The process begins with defining a data source list that contains relevant objects. Developers then configure UI components such as dropdowns or navigation elements to use this list as their data source. By setting up the correct field mappings, the components will appropriately display data driven by the specified attributes of the data source, ensuring that they are dynamically updated and contextually relevant to the application's needs.

In summary, Data Source Mappers are crucial for transforming static UI elements into dynamic interfaces that can adapt according to live data, greatly enhancing the interactive capabilities of applications built on the Twidget platform.

Related Topics

Page Forms

Page forms are essential components in web applications that facilitate data collection from users. They streamline user interaction by providing a structured way to input data, which can then be processed for various purposes such as updating content or storing information in a database. Key Concep...

Page Layouts

Page layouts in Twidget provide a structured way to organize and present content on a web page. The primary purpose of page layouts is to enhance user experience through effective content management and visual hierarchies. Key Concepts. - Header & Sidebar Layouts: These layouts subdivide the page in...

Custom Page Functions

Reusable custom page functions in Twidget enhance the development experience by allowing users to define and manage functions that operate specifically within the context of pages and page components. This capability is an integral feature for creating dynamic, interactive web applications without t...

Element Actions

Element actions in Twidget are integral commands that can be assigned to user interface elements, enabling interactivity within applications. The actions are defined to respond to user inputs, primarily through triggering events associated with specific elements. Purpose of Element Actions. Element ...

Access Query Parameters in a Page

This section details how to access and utilize query parameters within Twidget pages, enabling dynamic content and functionality based on user-supplied parameters. Key Concepts. - Query Parameters: A method to pass data to web pages through the URL, enabling dynamic content updates based on user int...