angular-schema-form_proj

form.json

[
  {
    "type": "help",
    "helpvalue": "<h4>Tabbed Array Example</h4><p>Tab arrays can have tabs to the left, top or right.</p>"
  },
  {
    "key": "fe",
    "type": "tabarray",
    "add": "New",
    "remove": "Delete",
    "style": {
      "remove": "btn-danger"
    },
    "title": "value.name || 'Tab '+$index",
    "items": [
      "fe[].name",
      {
        "key": "fe[].comment",
        "type": "textarea"
      },
        {
            "key": "fe[].fe",
            "type": "tabarray",
            "add": "New",
            "remove": "Delete",
            "style": {
              "remove": "btn-danger"
            },
            "title": "value.name || 'Tab '+$index",
            "items": [
              "fe[].fe[].name",
              {
                "key": "fe[].fe[].comment",
                "type": "textarea"
              }
            ]
          }
    ]
  },
  {
    "type": "submit",
    "style": "btn-default",
    "title": "OK"
  }
]

schema.json

{
  "type": "object",
  "title": "fe",
  "properties": {
    "fe": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "name": {
            "title": "Name",
            "type": "string"
          },
          "fe": {
              "type": "array",
              "items": {
                "type": "object",
                "properties": {
                  "name": {
                    "title": "Name",
                    "type": "string"
                  },
                  "comment": {
                    "title": "Comment",
                    "type": "string",
                    "maxLength": 20,
                    "validationMessage": "Don't be greedy!"
                  }
                }
              }
          },
          "comment": {
            "title": "Comment",
            "type": "string",
            "maxLength": 20,
            "validationMessage": "Don't be greedy!"
          }
        },
        "required": [
          "name",
          "comment"
        ]
      }
    }
  }
}