Formularschaltflächen-Komponente (v1)

Die Kernkomponente „Formularschaltflächen-Komponente“ ermöglicht die Einbeziehung eines Schaltflächenfelds in ein Formular, um eine Aktion auszulösen.

Nutzung

Die Kernkomponente „Formularschaltflächen-Komponente“ ermöglicht die Erstellung von Schaltflächenfeldern, die häufig dazu dienen, die Übermittlung des Formulars auszulösen, und zusammen mit der Formular-Container-Komponente. verwendet werden sollen

Die Schaltflächeneigenschaften können vom Inhaltseditor im Dialogfeld „Konfigurieren“ definiert werden.

Version und Kompatibilität

In diesem Dokument wird die v1 der Formularschaltflächen-Komponente beschrieben, die ursprünglich mit Version 1.0.0 der Kernkomponenten mit AEM 6.3 eingeführt wurde.

In der folgenden Tabelle ist die Kompatibilität von v1 der Formularschaltflächen-Komponente aufgeführt.

Musterkomponentenausgabe

Im Folgenden finden Sie ein Beispiel von We.Retail.

Screenshot

HTML

<div class="cmp cmp-button aem-GridColumn aem-GridColumn--default--12">
    <div class="cmp cmp-button">
        <button type="BUTTON" class="btn btn-action btn-primary" name="loveToast" value="ILoveToast">
            Click here if you love toast!
        </button>
    </div>
</div>

JSON

"container": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              "columnCount": 12,
              "gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12",
              ":items": {
                "button": {
                  "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
                  ":type": "weretail/components/form/button",
                  "name": "loveToast",
                  "jcr:title": "Click here if you love toast!",
                  "type": "submit",
                  "value": "ILoveToast"
                }
              },
              ":itemsOrder": [
                "button"
              ],
              ":type": "weretail/components/form/container"
            }

Dialogfeld „Konfigurieren“

Über das Dialogfeld „Konfigurieren“ kann der Inhaltsautor die Parameter der Schaltfläche definieren.

• Typ

  • Schaltfläche
  • Absenden

• Titel - Der auf der Schaltfläche angezeigte Text

  • Wenn kein Wert angegeben ist, erscheint standardmäßig der Schaltflächentyp

• Name - Der Name der Schaltfläche, der mit den Formulardaten übermittelt wird.

• Wert - Der Wert der Schaltfläche, der mit den Formulardaten übermittelt wird.

Dialogfeld „Design“

Es gibt kein Dialogfeld „Design“ für die Formularschaltflächen-Komponente.

Technische Details

Die neueste technische Dokumentation zur Formularschaltflächen-Komponente finden Sie auf GitHub.

Das gesamte Kernkomponentenprojekt kann von GitHub heruntergeladen werden.

Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Dokumentation zu Kernkomponenten für Entwickler.

Ressourcen für Business.Adobe.com