Actions

reset-state

6min

Reset-state action is typically used to reset the state of the key inside the jig file and can be used further to reset the state of UI components and forms.
﻿Configuration options﻿
There are multiple ways to set up a reset-state action within a Jig:
As onFocus action that will be executed
As onRefresh action that will be executed
As the main action on the jig, and when you press the action reset-state action will be executed
As onPress and onChange action that will be executed when you trigger onPress or onChange event
﻿Examples and code snippets ﻿
reset-state onFocus/onRefresh
Reset-state onFocus/onRefresh
﻿
Reset-state action is used when the onFocus/onRefresh event is triggered to reset the component's state or key.
You can specify instanceId, this will be the name of the UI component. 
And you need to specify the key, which will be the value of the UI component or the name of the key that you want to reset.
Example:
See the full example in GitHub. 
onFocus.jigx
onRefresh.jigx
|
onRefresh: 
  type: action.reset-state
  options:
    state: =@ctx.solution.state.onRefresh-key
onRefresh: 
  type: action.reset-state
  options:
    state: =@ctx.solution.state.onRefresh-key
﻿
reset-state as action
Reset-state action
﻿
Reset-state action is used as the primary action on the jig, to reset-state of the component in the jig and its value.
You can specify instanceId, this will be the name of the UI component
And you need to specify the key, which will be the value of the UI component that you want to reset
Example:
See the full example in GitHub.  
action.jigx
|
actions:
  - children:
      - type: action.reset-state
        options:
          title: Reset state of the form
          state: =@ctx.components.form.state.data
actions:
  - children:
      - type: action.reset-state
        options:
          title: Reset state of the form
          state: =@ctx.components.form.state.data
﻿
reset-state onPress/onChange
Reset-state onPress/onChange
﻿
Reset-state action used on the list as onPress or onChange action, to reset-state of the component.
 You can specify instanceId, this will be the name of the UI component.
And you need to specify the state, which will be the value of the UI component that you want to reset
Example:
See the full example in GitHub.  
onPress.jigx
onChange.jigx
|
onChange: 
  type: action.reset-state
  options:
    state: =@ctx.solution.state.onChange-key
onChange: 
  type: action.reset-state
  options:
    state: =@ctx.solution.state.onChange-key
﻿
See also
﻿Developer reference﻿
﻿Related examples (GitHub)﻿
﻿