Benutzerdefiniertes JavaScript

Mit benutzerdefiniertem JavaScript kann das Verhalten des Konfigurators weiter auf deine Bedürfnisse angepasst oder Spezialfunktionen eingebaut werden.

Nutzung

Über die Variable Configurator erfolgt der Zugriff auf die Konfigurator-Instanz.

Events

Über den $emitter des Konfigurators kann so beispielsweise auf die verschiedenen Events reagiert werden. Folgende Events stehen zur Verfügung:

Event-Name	Auslösegrund
init	Einmalig, wenn der Konfigurator fertig initialisiert ist.
fieldChange	Sobald ein Feld in der Konfigurator verändert wurde
onBeforeValidated	Bevor der Validierungsprozess gestartet wird
onAfterValidated	Nachdem der Validierungsprozess fertig durchlaufen wurde
afterFieldChange	Nachdem der durch eine Feldäänderung gestartet Updatezyklus fertig durchlaufen wurde
configurationChange	Nachdem der durch eine Feldänderung gestartet Updatezyklus fertig durchlaufen wurde
fieldStructureChange	Bei Wiederholungsfeldern gibt es zusätzlich das Event fieldStructureChange, falls eine neue Wiederholung hinzugefügt oder eine bestehende gelöscht wird.

Beispiele

Bei jeder Feldänderung wird der neue Wert des Feldes ausgegeben

Werte von Mehrfachauswahlfeldern werden kommagetrennt ausgegeben

Configurator.$emitter.subscribe('fieldChange', function(e){
    let currentValue = e.detail.field.value();
    
    if(Array.isArray(currentValue)){
        currentValue = currentValue.map(function(v){
            return v.value;
        }).join(', ');
    }
    alert(e.detail.field.config.label + ' wurde verändert. Aktueller Wert: '+ currentValue);
});