JS/TS Events

JourneyApps provides some basic events that are triggered on interaction with certain UI components. The event attribute specifies a JavaScript/TypeScript function to be called when the event is triggered, e.g. on-press="$:myJSFunction()"
Below is a summary of the currently supported events per component. Follow an event's hyperlink to the component's syntax reference for more details.
UI Component
Event
​action (edit-typeahead)
​on-press​
​action (list-item)
​on-press​
​action (object-list)
​on-press​
​action (object-table)
​on-press​
​action (object-table column)
​on-press​
​button​
​on-press​
​capture-coordinates​
​on-change​
​
​on-location​
​capture-file​
​on-change​
​capture-photo​
​on-change​
​
​on-capture​
​capture-signature​
​on-change​
​date-input​
​on-change​
​datetime-input​
​on-change​
​dialog​
​on-cancel​
​
​on-submit​
​display-3d-model​
​on-pick-mesh​
​edit-typeahead (object-table)
​on-search​
​empty-action (object-table)
​on-press​
​item (context-menu)
​on-press​
​item (navigation general-section)
​on-press​
​header-action (object-table column)
​on-press​
​marker / marker-query (capture-coordinates, display-coordinates)
​on-press​
​multiple-choice-checklist​
​on-change​
​object-dropdown​
​on-change​
​object-table​
​on-change​
​
​on-paste​
​
​on-state-change/ on-state-changed​
​scan-barcode​
​on-change​
​
​on-scan​
​single-choice-dropdown​
​on-change​
​single-choice-radio​
​on-change​
​text-input​
​on-change​
​toggle​
​on-change​
​view​
​on-back​
​
​on-navigate​
​

UI Component	Event
`action` (`edit-typeahead`)	`on-press`
`action` (`list-item`)	`on-press`
`action` (`object-list`)	`on-press`
`action` (`object-table`)	`on-press`
`action` (`object-table` `column`)	`on-press`
`button`	`on-press`
`capture-coordinates`	`on-change`
	`on-location`
`capture-file`	`on-change`
`capture-photo`	`on-change`
	`on-capture`
`capture-signature`	`on-change`
`date-input`	`on-change`
`datetime-input`	`on-change`
`dialog`	`on-cancel`
	`on-submit`
`display-3d-model`	`on-pick-mesh`
`edit-typeahead` (`object-table`)	`on-search`
`empty-action` (`object-table`)	`on-press`
`item` (`context-menu`)	`on-press`
`item` (`navigation` `general-section`)	`on-press`
`header-action` (`object-table` `column`)	`on-press`
`marker` / `marker-query` (`capture-coordinates`, `display-coordinates`)	`on-press`
`multiple-choice-checklist`	`on-change`
`object-dropdown`	`on-change`
`object-table`	`on-change`
	`on-paste`
	`on-state-change`/ `on-state-changed`
`scan-barcode`	`on-change`
	`on-scan`
`single-choice-dropdown`	`on-change`
`single-choice-radio`	`on-change`
`text-input`	`on-change`
`toggle`	`on-change`
`view`	`on-back`
	`on-navigate`

view

Show / Hide UI Components

Last modified 8mo ago