SimplePropertyCell¶
SimplePropertyCell Properties¶
| Property | Type | Required | Default |
|---|---|---|---|
| AccessoryType | enum |
No | |
| KeyName | string |
No | |
| OnPress | ActionOrRule | No | |
| Styles | object |
No | |
| Value | string |
No | |
| Visible | boolean |
No | true |
| _Name | string |
No |
AccessoryType¶
Optional accessory icon to be displayed in the cell. If both AccessoryType and ProgressIndicator are set, only the ProgressIndicator is shown.
- type:
enum
The value of this property must be one of the known values listed below.
| Value | Description |
|---|---|
Checkmark |
A checkmark icon. |
DetailButton |
An information icon. |
DetailDisclosureButton |
An information icon and a disclosure (chevron) control on iOS and web. An information icon only on Android. |
DisclosureIndicator |
A chevron-shaped control for presenting new content on iOS and web. Display as blank on Android. |
None |
No accessory view. |
KeyName¶
The key name of the cell.
- type:
string
OnPress¶
Action/Rule to be triggered when the cell is pressed.
- type: ActionOrRule
- Formatter and Binding are not supported
Styles¶
- type:
objectwith following properties.
| Property | Type | Required | Default |
|---|---|---|---|
| KeyName | string | No | |
| Value | string | No |
KeyName¶
The string value is a style class name of KeyName.
- TextPaint style class
Value¶
The string value is a style class name of Value.
- Value style class
Value¶
The value of the cell.
- type:
string
Visible¶
Only valid for static section, will be ignored in dynamic sections.
- type:
boolean - default:
true
_Name¶
- type:
string
Examples¶
Static¶
{
"_Type": "Page",
"_Name": "StaticSimplePropCollectionPage",
"Caption": "Static Simple Prop Collection (Facets)",
"Controls": [{
"_Type": "Control.Type.SectionedTable",
"_Name": "SectionedTable",
"Sections": [{
"_Type": "Section.Type.SimplePropertyCollection",
"SimplePropertyCells": [{
"SimplePropertyCell": {
"AccessoryType": "DisclosureIndicator",
"KeyName": "Workorders",
"Value": "42",
"OnPress": "/AssetWorkManager/Actions/Messages/Message2.action",
"Visible": true,
"Styles": {
"KeyName": "SimplePropertyCellKeyName",
"Value": "SimplePropertyCellValue"
}
}
}],
"Layout": {
"NumberOfColumns": 1
}
}]
}]
}
Dynamic¶
{
"_Type": "Page",
"_Name": "SimplePropCollectionsPage",
"Caption": "Simple Prop Collections",
"Controls": [{
"_Type": "Control.Type.SectionedTable",
"_Name": "SectionedTable",
"Sections": [{
"_Type": "Section.Type.SimplePropertyCollection",
"Header": {
"Caption": "Simple property cells"
},
"Footer": {
"Caption": "Section Footer",
"AccessoryType": "DisclosureIndicator",
"OnPress": "/AssetWorkManager/Actions/Messages/Message.action"
},
"Layout": {
"NumberOfColumns": 1
},
"MaxItemCount": 5,
"SimplePropertyCell": {
"AccessoryType": "DisclosureIndicator",
"KeyName": "{OrderDescription}",
"Value": "{OrderId}",
"OnPress": "/AssetWorkManager/Actions/Messages/Message2.action",
"Styles": {
"KeyName": "SimplePropertyCellKeyName",
"Value": "SimplePropertyCellValue"
}
},
"Target": {
"EntitySet": "MyWorkOrderHeaders",
"Service": "/AssetWorkManager/Services/Amw.service"
}
}]
}]
}
Style Classes Definition¶
/* SimpleProperty Cell - KeyName */
.SimplePropertyCellKeyName {
background-color: #0000FF;
color: black;
font-style: body; /* iOS Only */
font-typeface: bold; /* Android Only */
font-size: 16px;
}
/* SimpleProperty Cell - Value */
.SimplePropertyCellValue {
background-color: #0000FF;
color: black;
font-style: body; /* iOS Only */
font-typeface: bold; /* Android Only */
font-size: 16px;
}