AppMaster.io
Home
Studio
Jobs
Suggest Feature
Search…
English
What is AppMaster.io?
Getting Started
App Architecture
Quickstart
Best Practices
FAQ
Projects
Creating a Project
Project sharing
MODULES (INTEGRATIONS)
Modules
Setup
Modules List
Data Design
What are data models
Data Models Designer
Data types
Relation types
Auto-generation of data models
Business Logic
Business Processes Editor
Best Practices for BP Separation
Blocks List
Global Variables
External API Requests
FAQ
Endpoints (API)
Endpoints Configuration
Middleware
Access & Permissions
WEB APPS
Web Applications Designer
Working with Components
Signup and Login Forms
Workflow in web applications
Components list
Container
Button
Dropdown
Table
View
Tabs
Switch
Label
Image
Video
Chart
Form
Input (string)
Input (text)
Input (integer)
Input (float)
Input (email)
Input (password)
Input (phone)
RichText Editor
Time Span
Date Picker
Time picker
DateTime Picker
Select
Select (enum)
Relselect
MOBILE APPS
Mobile Applications Designer
Creating a Mobile App
Mobile Designer Interface
Working with Screens
Working with Widgets
Publishing a Mobile App
DEPLOYMENT
Deployments Configuration
AppMaster.io Cloud Services
Data Export
Logs
How-To
Import CSV/Excel File
Buttons Setup
User Interface Layout
Powered By
GitBook
View
Element to display a record from the database
Initial setting:
Model
- data model for the view.
Endpoint
- data source for the view.
Look&Feel Settings:
Title
(not mandatory) - view title.
Width
(mandatory) - vew width.
Direction
(mandatory) - how elements are arranged inside the view, vertically or horizontally. Horizontall be default.
Size
(mandatory) - view row size.
Border
(mandatory) - view borders.
Name
(mandatory) - name of the view.
Visible
(mandatory) - makes the view visible if turned on. Enabled by default.
Data settings:
In this section, you can manage view lines.
Workflow triggers:
​
onCreate
– fires when the component is created on the page;
onShow
– fires when the component changes its state to visible (displayed on the page);
onHide
– fires when the component changes its state to hidden (stops being displayed);
onDestroy
– fires when the component is destroyed;
onDataUpdate
– fires by the View Update Data block.
Component Actions:
View Get Properties:
Gets view's properties
Input
parameters:
Component Id
[
string
]
-
view component's identifier.
Output
parameters:
Title
[
string
] - view title;
Style
[
enum
] - view style;
Layout
[
enum
] - view enum;
Bordered
[
boolean
] - state of border;
Visible
[
boolean
] - state of visible;
Loading
[
boolean
] - state of loading.
View Set Properties
Sets all view's properties
Input
parameters:
Component Id
[
string
]
-
view component's identifier.
Title
[
string
] - view title;
Style
[
enum
] - view style;
Layout
[
enum
] - view enum;
Bordered
[
boolean
] - state of border;
Visible
[
boolean
] - state of visible;
Loading
[
boolean
] - state of loading.
​
View Update Properties
Update view's properties
Input
parameters:
Component Id
[
string
]
-
view component's identifier.
Title
[
string
] - view title;
Style
[
enum
] - view style;
Layout
[
enum
] - view enum;
Bordered
[
boolean
] - state of border;
Visible
[
boolean
] - state of visible;
Loading
[
boolean
] - state of loading.
View Get Data
Gets data from view
Input
parameters:
Component Id
[
string
]
-
view component's identifier.
Output
parameters:
Data
[
Data Model
] - Data Model element to be used. Available in the business process when
Component ID
is specified only.
View Clear Data
Clears data from view
Input
parameters:
Component Id
[
string
]
-
view component's identifier.
​
View Refresh Data
Refresh data in a view
Input
parameters:
Component Id
[
string
]
-
view component's identifier.
Data
[
Data Model
] - Data Model element to be used. Available in the business process when
Component ID
is specified only.
​
View Update Data
Update data in a view
Input
parameters:
Component Id
[
string
]
-
view component's identifier.
Data
[
Data Model
] - Data Model element to be used. Available in the business process when
Component ID
is specified only.
Usage example:
The view element can be used to display the data of one record from the database. For example, information about the application user
:
​
Previous
Table
Next
Tabs
Last modified
3mo ago
Copy link
Outline
Initial setting:
Look&Feel Settings:
Data settings:
Workflow triggers:
Component Actions:
View Get Properties:
View Set Properties
View Update Properties
View Get Data
View Clear Data
View Refresh Data
View Update Data
Usage example: