Skip to main content
Version: Next

Adding data, UI ⇄ Data binding

The ideal way to update the user interface's content is through the use of a data model & dataset. That way we separate the data from the user interface.

The UI ⇄ Data interaction is done through data binding where updating the data will update the UI automatically and vice versa.

Data Type & data instances are detailed in the Data Model editor.

In the example below, we create a Human Data Type that matches the user interface fields in the application. From this type we create a data instance initialized with values to be displayed in the application.
We then implement the Value property of the name Text Field visual component and bind it to the data instance. We then see that, as soon the data instance is modified (in this case through the DRAW data editor), the value is instantaneously reflected in the application.

Adding data, UI ⇄ Data binding