Skip to main content
Skip table of contents

Bijlagen als formuliercontext

Vooraf

Het is mogelijk om bijlagen in context van een formulier of van een formulier subdoc te plaatsen. Klik hier voor meer informatie. Hieronder lees je hoe je dit instelt.

Formulier zonder subdocs

Om deze functionaliteit in te schakelen, moet je twee zaken toevoegen aan de formulierdefinitie.

Stap 1: drie specifieke computed expressions (letterlijk te kopiƫren).

CODE
  "computedExpressions": {
    "cc_context_manipulator": "$$.propertyManipulators.document_context",
    "cc_content_manipulator": "$$",
    "cc_content_component": "'component'"
  }

Stap 2: een verborgen lijstveld (letterlijk te kopiƫren).

JSON
    {
      "name": "document_context",
      "label": "attachments in context",
      "type": "list",
      "customComponentName": "skrHiddenComponent",
      "fields": [
        {
          "name": "context_file",
          "label": "attachment in context",
          "type": "attachment2"
        }
       ] 
    }

Formulier met subdocs

Wanneer je werkt met subdocs moet je de twee bovenvermelde stappen uitvoeren zowel op het algemene niveau van het formulier als op het niveau van de (subdoc) lijst.

Voorbeeld formulierdefinitie met subdocs en mogelijkheid om bestanden in context te plaatsen zowel van het formulier zelf als van de subdocs binnen het formulier.

CODE
{
  "label": "Testformulier X",
  "name": "testformulierX",
  "sectionBasedValidation": false,
  "fields": [
    {
      "name": "naamControleer",
      "label": "Naam controleur",
      "type": "text"
    },
    {
      "name": "bedrijven",
      "label": "Bedrijven",
      "type": "list",
      "initialLength": 1,
      "minimumLength": 1,
      "maximumLength": 10,
      "labelForAdd": "Toevoegen",
      "labelForDelete": "Verwijderen",
      "fields": [
        {
          "name": "gemeente",
          "label": "Gemeente",
          "type": "text",
          "containedInSummary": true
        },
        {
          "name": "straat",
          "label": "Straat",
          "type": "text",
          "containedInSummary": true
        },
        {
          "name": "huisnummer",
          "label": "Huisnummer",
          "type": "number",
          "default": 0
        },
        {
          "name": "postcode",
          "label": "Postcode",
          "type": "number",
          "default": 0
        },
        {
          "name": "gebeld",
          "label": "Opgebeld",
          "type": "boolean",
          "visualisation": "checkbox"
        },
        {
          "name": "datumAfspraak",
          "label": "Datum afspraak",
          "type": "date"
        },
        {
          "name": "document_context",
          "label": "bijlagen in context",
          "type": "list",
          "customComponentName": "skrHiddenComponent",
          "fields": [
            {
              "name": "context_file",
              "label": "bijlage in context",
              "type": "attachment2"
            }
          ]
        }
      ],
      "customComponentName": "skrSubdocOverview",
      "element": {
        "computedExpressions": {
          "listItemTitle": "'Vestiging '.concat($.gemeente ? $.gemeente : '' )",
          "cc_context_manipulator": "$$.propertyManipulators.document_context",
          "cc_content_manipulator": "$$",
          "cc_content_component": "'component'"
        }
      }
    },
    {
      "name": "document_context",
      "label": "attachments in context",
      "type": "list",
      "customComponentName": "skrHiddenComponent",
      "fields": [
        {
          "name": "context_file",
          "label": "attachment in context",
          "type": "attachment2"
        }
      ]
    }
  ],
  "computedExpressions": {
    "subdocs_components": "\"components.1.listElementComponent\"",
    "subdocs_manipulators": "$$.propertyManipulators.bedrijven.nestedManipulators",
    "subdocs_parent": "$$.propertyManipulators.bedrijven",
    "cc_context_manipulator": "$$.propertyManipulators.document_context",
    "cc_content_manipulator": "$$",
    "cc_content_component": "'component'"
  }
}

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.