JSON Feld

Das BPC stellt mehrzeiligen JSON Editor zur Verfügung. Dieses Feld validiert automatisch die Eingabe und gibt Hilfestellung bei Syntaxfehlern.

Verwendung

Für die Verwendung des Feldes muss lediglich eine Komponente mit dem xtype bpcJsonField erzeugt werden.

Copy&Paste Beispiel

Ext.create({
    xtype:"window",
    autoShow: true,
    title: "JSON Field",
    layout: "fit",
    width: 500,
    height: 300,
    items:[
        {
            xtype: "bpcJsonField",
            value: {
                "number": 1,
                "array":[],
                "object":{},
                "string": "I'm a JSON object"
            }
        }
    ]
});

JSON Schema Validierung

Optional kann auch eine Validierung gegen ein JSON Schema (https://json-schema.org/) durchgeführt werden. Dafür muss zusätzlich das Attribut jsonSchema angegeben werden. Die Angabe des Schemas kann als URL erfolgen oder direkt als JSON Objekt übergeben werden.

Copy&Paste Beispiel

Ext.create({
    xtype:"window",
    autoShow: true,
    title: "JSON Field",
    layout: "fit",
    width: 500,
    height: 300,
    items:[
        {
            xtype: "bpcJsonField",
            jsonSchema: {
             "type": "object",
              "required": [
                "first-name",
                "address",
                "last-name"
              ]
            },
            value: {
                "first-name":"John",
                "address" : "Foo Ave... (delete one item to get an error)",
                "last-name": "Doe"
            }
        }
    ]
});

Keywords: