Detail View
The Detail View control serves the purpose of retrieving data from a sheet and presenting it in an elaborate format, showcasing all selected fields for each entry in the sheet.
Binding Data Options
The Detail View control accepts an object in JSON format to display data. You can bind data to the control using the following methods:
Static Data Option
To display static data in the Detail View control, you can use the Bind Data option and specify the data as an array of objects. Each object represents an entry with its properties and values. For example:
[
{
"id": 1,
"name": "Carlyn Bartle",
"email": "Carlyn.Bartle@example.com"
},
{
"id": 2,
"name": "John Doe",
"email": "john.doe@example.com"
},
{
"id": 3,
"name": "Jane Smith",
"email": "jane.smith@example.com"
}
]
By using the Bind Data option, you can dynamically display the data from the array of objects in a detailed manner in the Detail View control.
Properties
Property | Description |
---|---|
Show Key Value Map | Toggle switch to enable or disable the Key Value Map view for JSON type data. |
Default View | You can set the default view for JSON type data when the Key Value Map is disabled. The default view can be set as Table or JSON. |
Choose Fields that will be Editable | Select the fields in the data that will be available for editing. |
Edited Field Indicator Color | The color used to indicate fields that have been edited. |
Header Font Options | Options to customize the font for the header section. |
Value Font Options | Options to customize the font for the values or data content. |
Events
Trigger | Description |
---|---|
save_changes | Occurs when the save button for saving changes is clicked, typically after editing or updating. |