`resetRenderer`

Diese Funktion löscht den aktuellen Renderer und fügt einen neuen Renderer mit der aktuellen Formularkonfiguration wieder hinzu. Dabei werden alle vom Nutzer eingegebene Daten, wie auch vom System hinzugefügte Daten gelöscht (siehe setFormState). In den meisten Fällen ist ein einfacher reset ausreichend.

Übersicht

action ("resetRenderer"): Auszuführende Aktion. Für diese Aktion ist kein payload anzugeben.

Beispiel

resetRenderer.json

{
  "$schema": "https://forms.virtimo.net/5.1.0/schema.json",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "configuration": {},
  "components": [
    {
      "type": "container",
      "label": "ResetRenderer Example",
      "components": [
        {
          "type": "checkbox",
          "label": "False After Reset",
          "value": "${/data/0}"
        },
        {
          "type": "checkbox",
          "label": "True After Reset",
          "value": "${/data/1}"
        },
        {
          "type": "textfield",
          "label": "Empty After Reset",
          "value": "${/data/2}"
        },
        {
          "type": "textfield",
          "label": "Hello After Reset",
          "value": "${/data/3}"
        },
        {
          "type": "button",
          "action": "reset",
          "label": "reset"
        },
        {
          "type": "button",
          "label": "resetRenderer",
          "onClick": {
            "action": "resetRenderer"
          }
        },
        {
          "type": "button",
          "label": "setFormState",
          "onClick": {
            "action": "setFormState",
            "payload": {
              "data": {
                "4": "New"
              }
            }
          }
        },
        {
          "type": "textfield",
          "label": "Only reset by resetRenderer",
          "value": "Hello"
        },
        {
          "type": "textfield",
          "label": "Old if resetRenderer or reset and not setFormState. New if reset and setFromState.",
          "value": "${/data/4}"
        }
      ]
    }
  ],
  "state": {
    "data": {
      "0": false,
      "1": true,
      "2": "",
      "3": "Hello",
      "4": "Old"
    }
  }
}

Eingebettete Vorschau

Vorschau in separatem Fenster öffnen

Keywords: