setData - Setzen des Wertes einer Variable

Diese Funktion ermöglicht es dem Nutzer über einen Button einen bestimmten Wert zu überschreiben, zu inkrementieren oder zu dekrementieren. Dafür muss zusätzlich target und value definiert sein. Mit target wird eine Variable in data vom state Objekt gebunden. Diese Variable wird entsprechend dem Wert in value geändert. Falls der Wert in value ++ ist, wird der Wert der Variable inkrementiert. Mit -- wird der Wert dekrementiert. Andernfalls wird der Wert der Variable mit dem Wert in value überschrieben.

Beispiel

In dem folgenden simplen Beispiel wird die Verwendung von setData gezeigt. Praktisch kann man diese Funktion unter anderem dazu zu verwenden zwischen verschiedenen Seiten eines Formulars zu springen, wie hier gezeigt.

setData.json

{
  "$schema": "http://bpc.virtimo.net/forms/1/schema",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "components": [
    {
      "type": "container",
      "label": "setData Example",
      "components": [
        {
          "type": "textfield",
          "label": "ReadOnly value of variable",
          "value": "/data/someValue",
          "readOnly": "/data/readOnlyVariable"
        },
        {
          "type": "numberfield",
          "label": "Changeable value of variable",
          "value": "/data/someValue"
        },
        {
          "type": "button",
          "label": "Increment",
          "action": "setData",
          "target": "someValue",
          "value": "++"
        },
        {
          "type": "button",
          "label": "Decrement",
          "action": "setData",
          "target": "someValue",
          "value": "--"
        },
        {
          "type": "button",
          "label": "Set to 1",
          "action": "setData",
          "target": "someValue",
          "value": 1
        }
      ]
    }
  ],
  "configuration": {
  },
  "state": {
    "data": {
      "someValue": 0,
      "readOnlyVariable": true
    }
  }
}

Eingebettete Vorschau

Vorschau in separatem Fenster öffnen

Keywords: