<lk-cloner
guid="cloner"
button-text="Legg til person"
clone-limit="3"
disable-button>
<lk-input-block
class="span-whole"
guid="Navn"
input-name="Navn"
preset="fullname"
required>
</lk-input-block>
</lk-cloner>
Bruk og anbefalinger
Kloning av felter skal ikke brukes med mer en 10 komponenter.
Ikke bruk den for større områder eller mange komponenter.
Unngå å bruke lk-toggle med kloning.
Attributter
Merknader: må*, bør, husk, ekstra.
| Attributt | Tillatte verdier | Default | Beskrivelse |
|---|---|---|---|
| button-text | string | "Legg til" | |
| remove-button-label | string | "Fjern" | Legger til #1 #2 #3. Eks Fjern person #1, Fjern eier #5 |
| iterate-attributes | csv:string | "" | |
| group-name | string | "" | Brukes ifm. mellomlagring |
| values | string | "" | Brukes ifm. mellomlagring |
| first-hidden | boolean | "" | |
| button-class | string | "" | |
| background-color | string | "" | |
| secondary | boolean | "" | |
| clone-processor | callback(newClone):function | () => {} | Kalles når en ny klone legges til |
| level | string | "" | |
| iterate-extra-attributes | csv:string | "" | |
| external-dependant-guids | csv:string | "" | Brukes for å kalle adjustDependant() fra eksterne avhengigheter som styrer felter inni lk-cloner |
| cloneLimit | number | "" | Set en begrensning for hvor mange kopier kloneren kan ha av gangen |
Spalter
Spalter/slots brukes for dynamisk innhold/struktur inni komponenten. Ref. Stenciljs.com
| Slot= | Beskrivelse |
|---|---|
| * | Elementer uten slot= attributter blir brukt som mal for hver klone |
| before | Før alle kloner |
| after | Etter alle kloner |
| help-text | Plasseres inni <button> |
Metoder
Merk at alle metoder er asynkrone. Ref. Stenciljs.com
| Metode | Parameter | Retur | Beskrivelse |
|---|---|---|---|
| validate checkValidity |
() | null valid:boolean |
|
| lastClone | () | HTMLElement | |
| nthClone | (nth:number) | HTMLElement | Returnerer den n-te klonen |
| setClickEvent | (callback:function) | null | |
| addClone | () | lastClone:HTMLElement |