Komponenten Core Component Form Button gör det möjligt att inkludera ett knappfält i ett formulär för att utlösa en åtgärd.
Komponenten Core Component Form Button gör det möjligt att skapa knappfält, ofta för att utlösa att formuläret skickas och är avsedd att användas tillsammans med formulärbehållarkomponenten.
Knappegenskaperna kan definieras av innehållsredigeraren i konfigurationsdialogrutan.
I det här dokumentet beskrivs v1 för komponenten Form Button, som ursprungligen introducerades i version 1.0.0 av Core Components med AEM 6.3.
I följande tabell visas kompatibiliteten för v1 för komponenten Formulärknapp.
AEM | Komponent för formulärknapp v1 |
---|---|
6.3 | Kompatibel |
6.4 | Kompatibel |
I det här dokumentet beskrivs v1 för komponenten Form Button.
Mer information om den aktuella versionen av komponenten Formulärknapp finns i dokumentet Komponent för formulärknapp.
Följande är ett exempel från We.Retail.
<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>
"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"
}
JSON-export från Core Components kräver version 1.1.0 av Core Components. Mer information finns i kompatibilitetsinformationen för Core Components v1.
I dialogrutan Konfigurera kan innehållsförfattaren definiera knappens parametrar.
Typ
Titel - Texten som visas på knappen
Namn - Namnet på knappen som skickas med formulärdata
Värde - Värdet på knappen som skickas in tillsammans med formulärdata
Det finns ingen designdialogruta för komponenten Formulärknapp.
Den senaste tekniska dokumentationen om Form Button-komponenten finns på GitHub.
Hela kärnkomponentprojektet kan laddas ned från GitHub.
Mer information om hur du utvecklar kärnkomponenter finns i dokumentationen till Core Components developer.