reset-state

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. To understand how to use states, see State.

Configuration options

There are multiple ways to set up a reset-state action within a jig:

1. As onFocus action that will be executed.

2. As onRefresh action that will be executed.

3. As the main action on the jig, and when you press the action, the reset-state action will be executed.

4. The onPress and onChange actions will be executed when you trigger the onPress or onChange event.

Some properties are common to all actions, see Common action properties for the list of actions and their configuration options.

Examples and code snippets

reset-state - component state

Reset-state action

1. Reset-state action is used as the primary action on the jig, to reset-state of the component in the jig and its value.

2. You can specify instanceId, this will be the name of the UI component

3. 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

reset-state - solution state in onFocus/onRefresh

Reset-state onFocus/onRefresh

1. Reset-state action is used when the onFocus/onRefresh event is triggered to reset the component's state or key.

2. You can specify instanceId, this will be the name of the UI component.

3. 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

onFocus:
  type: action.reset-state
  options:
    state: =@ctx.solution.state.onFocus-key

onRefresh.jigx

reset-state solution in onPress/onChange

Reset-state onPress/onChange

1. Reset-state action used on the list as onPress or onChange action, to reset-state of the component.

2. You can specify instanceId, this will be the name of the UI component.

3. 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

onPress:
  type: action.reset-state
  options:
    state: =@ctx.solution.state.onPress-key

onChange.jigx