Handbook
References
Symbol | Description |
---|---|
. | Merge |
= | Evolve |
@ | Await |
_. | Traverse |
~ | Tilde |
Some of these characters can be combined to form certain patterns that incorporate additional behavior.
Root Merge
Pattern:
.
Examples
const reference = '.Dashboard.params.url'
{
"link": ".Dashboard.params.url"
}
Local Merge
Pattern:
..
Examples
const reference = '..params.url'
{
"link": "..params.url"
}
Root evolve
Pattern:
=.
Examples
const reference = '=.Dashboard.params.url'
{
"link": "=.Dashboard.params.url"
}
Local evolve
Pattern:
=..
Examples
const reference = '=..params.url'
{
"link": "=..params.url"
}
Await
Pattern:
@
Examples
const reference = '..facility.id@'
{
"..facility.id@": "TzN1z0osjakzxa_a31zmk3902akklz=-"
}
Traverse
Pattern:
_.
Examples
const reference = '___.color'
{
"type": "view",
"title": "MyView",
"style": {
"border": {
"color": "0x333333",
"style": "4"
}
},
"children": [
{
"type": "scrollView",
"color": "0x990000",
"children": [
{
"type": "list",
"children": [
{
"type": "listItem",
"itemObject": "",
"children": [
{
"type": "label",
"text": "___.color",
"style": {
"borderColor": "_____.style.border.color"
}
}
]
}
]
}
]
}
]
}
Objects
Action
Examples
{
"actionType": "builtIn",
"funcName": "redraw"
}
Component
Examples
{
"type": "label",
"dataKey": ".SignIn.formData.password"
}
{
"type": "button",
"text": "Submit",
"onClick": [
{
"actionType": "evalObject",
"object": [
{
"=.builtIn.string.concat": {
"dataIn": ["http://127.0.0.1", ":", "..port", "/", "..pathname"],
"dataOut": "CreateNewAccount.request.url"
}
}
]
}
]
}
Emit
{
"emit": {
"dataKey": {
"var": "itemObject",
"actions": [
{
"=.builtIn.array.getByKey": {
"dataIn": {
"array": "=.SelectData.businessCat",
"key1": "name",
"value": "var.name",
"key2": "value"
},
"dataOut": "Dashboard.basicInfo.businessType"
}
}
]
}
}
}
Goto
{
"goto": "FacilityInfo1"
}
If
{
"if": [
"=.Global.formData.providerNotesForm.id",
{ "..documentA@": "=.Global.formData.notesForm" },
{ "..documentB@": "=.Global.formData.medicalRecords" }
]
}
Style
{
"width": "1",
"height": "1",
"top": "1",
"left": "1",
"shadow": "true",
"textColor": "0x000033",
"style": {
"border": {
"style": "2",
"color": "0x299314",
"width": "thin"
}
}
}
Root / Local
{
"SignIn": {},
"SignOut": {},
"MenuBar": {},
"Global": {}
}