Erstellen von Formularen mit wiederholbaren Abschnitten

Adobe empfiehlt die Verwendung der modernen und erweiterbaren Datenerfassung Kernkomponenten für Erstellen neuer adaptiver Forms oder Hinzufügen von Adaptive Forms zu AEM Sites-Seiten. Diese Komponenten stellen einen bedeutenden Fortschritt bei der Erstellung adaptiver Forms dar und sorgen für beeindruckende Benutzererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen von Adaptive Forms mithilfe von Foundation-Komponenten beschrieben.

Wiederholbare Abschnitte sind Bereiche, die dynamisch zu einem Formular hinzugefügt oder daraus entfernt werden können.

Bei der Bewerbung um einen Arbeitsplatz gibt der Arbeitssuchende beispielsweise frühere Beschäftigungsdetails wie Firmenname, Rolle, Projekt und andere Informationen an. Informationen aller Arbeitgeber erfordern unterschiedliche, aber ähnlich aussehende Abschnitte. In einem solchen Szenario stellt das Beschäftigungsformular einen Arbeitgeberabschnitt bereit und bietet außerdem die Möglichkeit, weitere solche Abschnitte dynamisch hinzuzufügen. Diese Abschnitte, die dynamisch hinzugefügt werden, werden als wiederholbare Abschnitte bezeichnet.

Sie können wiederholbare Bereiche mit einer der folgenden Methoden erstellen:

Verwenden des Instanzmanagers über Skripte 

1. Wählen Sie im Bearbeitungsmodus einen Bereich und tippen Sie dann auf . Aktivieren Sie in der Randleiste unter „Eigenschaften“ Bereich wiederholbar machen. Geben Sie Werte für die Felder Maximum und Minimum an.

   Das Feld Maximum gibt an, wie oft ein Bereich maximal auf der Seite angezeigt werden kann. Sie können -1 im Feld "Maximum Count"(Höchstanzahl) angeben, damit der Bereich unbegrenzt oft angezeigt werden kann.

   Das Feld Minimum gibt an, wie oft ein Bedienfeld mindestens auf dem Formular angezeigt wird. Wenn Sie die Mindestanzahl auf null setzen, können Sie später alle Instanzen über Skripte entfernen, nachdem die Ausgabedarstellung abgeschlossen ist.

   HINWEIS

   Um einen nicht wiederholbaren Bereich zu erstellen, setzen Sie die Werte der Felder „Maximum“ (Höchstanzahl) und „Minimum“ (Mindestanzahl) auf jeweils 1. Das Akkordeon-Layout unterstützt -1 im Feld Maximale Anzahl nicht. Sie können eine hohe Zahl angeben, um den Begriff "unendlicher Wert"zu erhalten.

2. Das übergeordnete Element des Bereichs, der wiederholt werden soll, sollte Schaltflächen zum Hinzufügen und Löschen enthalten, um Instanzen der wiederholbaren Bereiche zu verwalten. Führen Sie die folgenden Schritte aus, um Schaltflächen in das übergeordnete Element einzufügen und Skripte auf den Schaltflächen zu aktivieren:

   1. Ziehen Sie eine Schaltflächenkomponente per Drag-and-Drop aus der Randleiste in das übergeordnete Element des Bereichs. Wählen Sie die Komponente aus und tippen Sie auf . Die Regeln der Schaltfläche werden im Regeleditor geöffnet.

   2. Klicken Sie im Fenster des Regeleditors auf Erstellen.

      Wählen Sie in der Zeile „Formularobjekte“ und „Funktionen“ Visual Editor.

      1. Wählen Sie im Regelbereich unter „WENN“ den Status Angeklickt.

      2. Unter „DANN“:

         • Um eine Schaltfläche zum Hinzufügen eines Bereichs zu erstellen, wählen Sie Instanz hinzufügen und ziehen Sie den Bereich per Drag-and-Drop mit oder wählen Sie ihn mithilfe von Objekt ablegen oder hier auswählen aus.
         • Um eine Schaltfläche zum Löschen eines Bereichs zu erstellen, wählen Sie Instanz entfernen und ziehen Sie den Bereich per Drag-and-Drop mit oder wählen Sie ihn mithilfe von Objekt ablegen oder hier auswählen aus.

      Auswählen Code-Editor in der Zeile "Formularobjekte und Funktionen". Klicken Sie auf Regeln bearbeiten und in den Code-Bereich:

      • Um eine Schaltfläche zum Hinzufügen eines Bereichs zu erstellen, geben Sie this.panel.instanceManager.addInstance() an.
      • Um eine Schaltfläche zum Löschen eines Bereichs zu erstellen, geben Sie this.panel.instanceManager.removeInstance(this.panel.instanceIndex) an.

      Klicken Sie auf Fertig.

      HINWEIS

      Wenn ein Feld zu einem wiederholbaren Bereich gehört, können Sie mithilfe des Namens in Ihren Skripten nicht direkt darauf zugreifen. Um auf das Feld zuzugreifen, müssen Sie die wiederholbare Instanz, zu der das Feld gehört, unter Verwendung der instances-API in InstanceManager angeben. Die Syntax für die Verwendung der instances-API in InstanceManager lautet:

      <panelName>.instanceManager.instances[<instanceNumber>].<fieldname>

      Beispiel: Sie erstellen ein adaptives Formular mit einem wiederholbaren Bedienfeld mit einem Textfeld. Wenn Sie das Formular mit drei wiederholbaren Textfeldern vorausfüllen, benötigen Sie die nachfolgende xml:

      <panel1><textbox1>AA1</panel1></textbox1>

      <panel1><textbox1>AA2</panel1></textbox1>

      <panel1><textbox1>AA3</panel1></textbox1>

      Zum Lesen von AA1-Daten müssen Sie Folgendes angeben:

      Panel1.instanceManager.instances[0].textbox.value

      Zum Lesen von AA2-Daten müssen Sie Folgendes angeben:

      Panel1.instanceManager.instances[1].textbox.value

      Weitere Informationen finden Sie unter: Klasse: InstanceManager#instances in der AEM Forms Java API-Referenz.

      HINWEIS

      Wenn alle Instanzen eines Bereichs aus einem adaptiven Formular entfernt werden, erfassen Sie zum Hinzufügen einer Instanz des entfernten Bereichs die _panelName-Syntax, um den Instanzmanager des Bereichs zu erfassen, und verwenden Sie die addInstance-API des Instanzmanagers, um die gelöschte Instanz hinzuzufügen. Beispiel: _panelName.addInstance(). Dies fügt eine Instanz der entfernten Bereichs hinzu.

Verwenden des Akkordeon-Layouts für den übergeordneten Bereich  

Ein Bedienfeld verfügt über verschiedene Layoutoptionen. Die Option "Layout für Akkordeon-Design"verfügt standardmäßig über Unterstützung für wiederholbare Bereiche. Führen Sie die folgenden Schritte aus, um einen wiederholbaren Bereich mit der Option zum Layout für das Akkordeon-Design zu erstellen:

1. Klicken Sie im übergeordneten Element des zu wiederholenden Bereichs auf . Sie können die Eigenschaften in der Seitenleiste sehen. Wählen Sie in der Dropdown-Liste Layout die Option Akkordeon.

2. Tippen Sie in einem Bereich, der wiederholt werden soll, auf . Sie können die Eigenschaften des Bereichs in der Randleiste anzeigen. Aktivieren Sie die Registerkarte Bereich wiederholbar machen und geben Sie den Wert für die Felder Maximum und Minimum ein.

   Jetzt können Sie die Schaltflächen Plus (+) und Löschen () verwenden, um Bereiche hinzuzufügen und zu entfernen.

Verwenden von wiederholten Teilformularen aus der Formularvorlage (XDP/XSD)

Wiederholbare Teilformulare ähneln den wiederholbaren Bedienfeldern in adaptiven Formularen. Führen Sie in AEM Forms Designer die folgenden Schritte aus, um ein sich wiederholendes Teilformular zu erstellen:

1. Wählen Sie in der Palette "Hierarchie"das übergeordnete Teilformular des zu wiederholenden Teilformulars aus.
2. Klicken Sie in der Palette "Objekt"auf die Registerkarte "Teilformular"und wählen Sie in der Liste "Inhalt"die Option "Textfluss"aus.
3. Wählen Sie das zu wiederholende Teilformular aus.
4. Klicken Sie in der Palette "Objekt"auf die Registerkarte "Teilformular"und wählen Sie in der Liste "Inhalt"die Option "Position"oder "Textfluss"aus.
5. Klicken Sie auf die Registerkarte "Bindung"und wählen Sie "Teilformular wiederholen für jedes Datenelement".
6. Um die Mindestanzahl von Wiederholungen festzulegen, wählen Sie "Min-Zähler"aus und geben Sie im entsprechenden Feld eine Zahl ein. Wenn diese Option auf 0 gesetzt ist und zum Zeitpunkt der Datenzusammenführung keine Daten für die Objekte im Teilformular bereitgestellt werden, wird das Teilformular bei der Wiedergabe des Formulars nicht platziert.
7. Um die maximale Anzahl von Teilformularwiederholungen festzulegen, wählen Sie "Maximal"aus und geben Sie im entsprechenden Feld eine Zahl ein. Wenn Sie im Feld "Maximal"keinen Wert angeben, ist die Anzahl der Teilformularwiederholungen unbegrenzt.
8. Wenn Sie unabhängig von der Datenmenge eine bestimmte Anzahl an Teilformularwiederholungen festlegen möchten, wählen Sie "Anfangszahl"und geben Sie im entsprechenden Feld eine Zahl ein. Wenn Sie diese Option auswählen und entweder keine Daten verfügbar sind oder weniger Dateneinträge als der angegebene Wert für "Anfangszahl"vorhanden sind, werden leere Instanzen des Teilformulars weiterhin im Formular platziert.
9. Fügen Sie im übergeordneten Teilformular zwei Schaltflächen hinzu: eine zum Hinzufügen der Instanz und eine andere zum Löschen der Instanz des wiederholbaren Teilformulars. Ausführliche Anweisungen finden Sie unter Erstellen einer Aktion.
10. Verknüpfen Sie nun die Formularvorlage mit dem adaptiven Formular. Ausführliche Anweisungen finden Sie unter Erstellen eines adaptiven Formulars basierend auf einer Vorlage.
11. Verwenden Sie die in Schritt 9 erstellten Schaltflächen, um Teilformulare hinzuzufügen und zu entfernen.

Die angehängte ZIP-Datei enthält ein Beispiel für ein wiederholbares Teilformular.

Datei laden

Verwenden der Wiederholungseinstellungen eines XML-Schemas (XSD)

Sie können wiederholbare Bereiche aus einem XML-Schema mit den Eigenschaften „minOccurs“ und „maxOccurs“ eines beliebigen Elements eines komplexen Typs erstellen. Ausführliche Informationen zum XML-Schema finden Sie unter Erstellen adaptiver Formulare mit dem XML-Schema als Formularmodell.

Im folgenden Code verwendet der SampleTypeBereich die Eigenschaften „minOccurs“ und „maxOccurs“.

<?xml version="1.0" encoding="utf-8" ?>
    <xs:schema targetNamespace="https://adobe.com/sample.xsd"
                    xmlns="https://adobe.com/sample.xsd"
                    xmlns:xs="https://www.w3.org/2001/XMLSchema"
                >

        <xs:element name="sample" type="SampleType"/>

        <xs:complexType name="SampleType">
            <xs:sequence>
                <xs:element name="leaderName" type="xs:string" default="Enter Name"/>
                <xs:element name="assignmentStartDate" type="xs:date"/>
                <xs:element name="gender" type="GenderEnum"/>
                <xs:element name="noOfProjectsAssigned" type="IntType"/>
                <xs:element name="assignmentDetails" type="AssignmentDetails"
                                            minOccurs="0" maxOccurs="10"/>
            </xs:sequence>
        </xs:complexType>

        <xs:complexType name="AssignmentDetails">
            <xs:attribute name="name" type="xs:string" use="required"/>
            <xs:attribute name="durationOfAssignment" type="xs:unsignedInt" use="required"/>
            <xs:attribute name="numberOfMentees" type="xs:unsignedInt" use="required"/>
             <xs:attribute name="descriptionOfAssignment" type="xs:string" use="required"/>
             <xs:attribute name="financeRelatedProject" type="xs:boolean"/>
       </xs:complexType>
  <xs:simpleType name="IntType">
            <xs:restriction base="xs:int">
            </xs:restriction>
        </xs:simpleType>
  <xs:simpleType name="GenderEnum">
            <xs:restriction base="xs:string">
                <xs:enumeration value="Female"/>
                <xs:enumeration value="Male"/>
            </xs:restriction>
        </xs:simpleType>
    </xs:schema>

Ressourcen für Business.Adobe.com

Auto Form Fill Personalized Experiences Asset Collections Dynamic Media Digital Signage Content Management System