Form Bridge APIs für HTML5-Formulare

Sie können die Form Bridge-APIs verwenden, um einen Kanal für die Kommunikation zwischen XFA-basierten HTML5-Formularen und Ihren Anwendungen zu öffnen. The Form Bridge APIs provides a connect API to create the connection.

Die Verbindungs-API akzeptiert einen Handler als ein Argument. Nachdem eine erfolgreiche Verbindung zwischen XFA-basierten HTML5-Formularen und Form Bridge erstellt wurde, wird der Handle aufgerufen.

Sie können den folgenden Beispielcode verwenden, um die Verbindung zu erstellen.

// Example showing how to connect to FormBridge
window.addEventListener("FormBridgeInitialized",
                                function(event) {
                                    var fb = event.detail.formBridge;
                                    fb.connect(function() {
                                           //use form bridge functions 
                         })
                            })

Verfügbare Form Bridge-API 

getBridgeVersion()

Gibt die Versionsnummer der Skriptbibliothek zurück.

• Eingabe: keine
• Ausgabe: Versionsnummer der Skriptbibliothek
• Fehler: keine

isConnected() Überprüft, ob der Formularstatus initialisiert wurde

• Eingabe: keine

• Ausgabe: True , wenn der XFA-Formularstatus initialisiert wurde

• Fehler: keine

connect(handler, context) Stellt eine Verbindung zu FormBridge her und führt die Funktion aus, nachdem die Verbindung hergestellt und der Formularstatus initialisiert wurde

• Eingabe:

  • handler: Funktion, die ausgeführt wird, wenn Form Bridge verbunden ist.
  • context: Das Objekt, auf das der Kontext (dies) der *handler *function festgelegt wird.

• Ausgabe: keine

• Fehler: keine

getDataXML(options) Gibt die aktuellen Formulardaten im XML-Format zurück

• Eingabe:

  • options: JavaScript-Objekt, das die folgenden Eigenschaften enthält:

    • Error: Fehlerhandler-Funktion
    • success: Erfolgshandler-Funktion. Diese Funktion wird an ein Objekt übergeben, das XML in der data-Eigenschaft enthält.
    • context: Das Objekt, auf das der Kontext (dies) der success-Funktion festgelegt wird.
    • validationChecker: Funktion zum Aufrufen von Überprüfungsfehlern, die vom Server empfangen wurden. Der Überprüfungsfunktion wird ein Array von Fehlerstrings übergeben.
    • formState: Der JSON-Status des XFA-Formulars, für das Daten-XML zurückgegeben werden muss. Wenn nicht anders angegeben, wird Daten-XML für das aktuell gerenderte Formular zurückgegeben.

• Ausgabe: keine

• Fehler: keine

registerConfig(configName, config) Registriert benutzerspezifische/portalspezifische Konfigurationen mit FormBridge. Diese Konfigurationen überschreiben die Standardkonfigurationen. Die unterstützten Konfigurationen sind im Abschnitt „config“ angegeben.

• Eingabe:

  • configName: Name der zu überschreibenden Konfiguration

    • widgetConfig: Ermöglicht dem Benutzer, die Standard-Widgets im Formular mit benutzerdefinierten Widgets zu überschreiben. Die Konfiguration wird überschrieben wie folgt:

      formBridge.registerConfig("widgetConfig":{/*configuration*/})

    • pagingConfig: Ermöglicht dem Benutzer, das Standardverhalten des Renderns nur der ersten Seite zu überschreiben. Die Konfiguration wird überschrieben wie folgt:

      window.formBridge.registerConfig("pagingConfig":{pagingDisabled: <true | false>, shrinkPageDisabled: <true | false> }).

    • LoggingConfig: Ermöglicht dem Benutzer, die Protokollierungsstufe zu überschreiben, die Protokollierung für eine Kategorie zu deaktivieren oder festzulegen, ob die Protokollkonsole angezeigt oder an den Server gesendet werden soll. Die Konfiguration kann überschrieben werden wie folgt:

    formBridge.registerConfig{  
      "LoggerConfig" : {  
    {  
    "on":`<true *| *false>`,  
    "category":`<array of categories>`,  
    "level":`<level of categories>`, "  
    type":`<"console"/"server"/"both">`  
        }  
      }
    

    • SubmitServiceProxyConfig: Erlauben Sie den Benutzern, die Proxy-Dienste für Übermittlung und Protokollierung zu registrieren.

      window.formBridge.registerConfig("submitServiceProxyConfig",  
      {  
      "submitServiceProxy" : "`<submitServiceProxy>`",  
      "logServiceProxy": "`<logServiceProxy>`",  
      "submitUrl" : "`<submitUrl>`"  
      });
      

  • config: Wert der Konfiguration

• Ausgabe: Objekt, das den ursprünglichen Wert der Konfiguration in der data-Eigenschaft enthält.

• Fehler: keine

hideFields(fieldArray) Blendet die Felder aus, deren SOM-Ausdruck im fieldArray bereitgestellt werden. Setzt diepresence-Eigenschaft der angegebenen Felder auf invisible

• Eingabe:

  • fieldArray: Array von SOM-Ausdrücken für die auszublendenden Felder

• Ausgabe: keine

• Fehler: keine

showFields(fieldArray) Zeigt die Felder an, deren SOM-Ausdruck im fieldArray bereitgestellt werden. Setzt diepresence-Eigenschaft der angegebenen Felder auf visible

• Eingabe:

  • fieldArray: Array von SOM-Ausdrücken für die anzuzeigenden Felder

• Ausgabe: keine

• Fehler: keine

hideSubmitButtons() Blendet alle Senden-Schaltflächen im Formular aus

• Eingabe: keine
• Ausgabe: keine
• Fehler: Gibt einen Ausnahmefehler aus, wenn Formularstatus nicht initialisiert wurde.

getFormState() Gibt die JSON zurück, die den Formularstatus darstellt

• Eingabe: keine

• Ausgabe: Objekt mit JSON, das den aktuellen Formularstatus in der data -Eigenschaft darstellt.

• Fehler: keine

restoreFormState(options) Stellt den Formularstatus aus dem bereitgestellten JSON-Status im options-Objekt wieder her. Der Status wird angewendet und Erfolgs- oder Fehlerhandler werden aufgerufen, nachdem der Vorgang ist abgeschlossen ist.

• Eingabe:

  • Optionen: JavaScript-Objekt mit folgenden Eigenschaften:

    • Error: Fehlerhandler-Funktion
    • success: Erfolgshandler-Funktion
    • context: Das Objekt, auf das der Kontext (dies) der success -Funktion festgelegt wird
    • formState: JSON-Status des Formulars. Das Formular wird im JSON-Status wiederhergestellt.

• Ausgabe: keine

• Fehler: keine

setFocus (som) Legt den Fokus auf das im SOM-Ausdruck angegebene Feld fest

• Eingabe: Einige Ausdrücke des Felds, auf das der Fokus gelegt werden soll
• Ausgabe: keine
• Fehler: Gibt im Fall eines falschen SOM-Ausdrucks einen Ausnahmefehler aus.

setFieldValue (som, value) Legt den Feldwert für die angegebenen SOM-Ausdruck fest

• Eingabe:

  • som: Array, das SOM-Ausdrücke des Felds enthält. Der som-Ausdruck, mit dem die Feldwerte festgelegt werden.
  • Wert: Array, das Werte enthält, die den SOM-Ausdrücken entsprechen, die in einem som -Array bereitgestellt werden. Wenn der Datentyp des Werts nicht mit fieldType identisch ist, wird der Wert nicht geändert.

• Ausgabe: keine

• Fehler: Gibt bei einem falschen SOM-Ausdruck eine Ausnahme aus

getFieldValue (som) Gibt den Feldwert für die angegebenen SOM-Ausdruck zurück

• Eingabe: Array, das SOM-Ausdrücke der Felder enthält, deren Wert abgerufen werden muss

• Ausgabe: Objekt, das das Ergebnis als Array in der data -Eigenschaft enthält.

• Fehler: keine

Beispiel für API „getFieldValue()“

var a =  formBridge.getFieldValue(“xfa.form.form1.Subform1.TextField”);
if(a.errors) {
    var err;
     while((err = a.getNextMessage()) != null)
               alert(a.message)
} else {
   alert(a.data[0]) 
}

getFieldProperties(som, property) Rufen Sie die Liste der Werte für die angegebene Eigenschaft der in SOM-Ausdrücken angegebenen Felder ab

• Eingabe:

  • som: Array, das SOM-Ausdrücke für die Felder enthält.
  • property: Name der Eigenschaft, deren Wert erforderlich ist.

• Ausgabe: Objekt, das das Ergebnis als Array in der *data *property enthält

• Fehler: keine

setFieldProperties(som, property, values) Legt den Wert der angegebenen Eigenschaft für alle in den SOM-Ausdrücken angegebenen Felder fest

• Eingabe:

  • som: Array, das SOM-Ausdrücke der Felder enthält, deren Wert festgelegt werden muss
  • property: Eigenschaft, deren Wert festgelegt werden soll.
  • Wert: Array, das Werte der angegebenen Eigenschaft für in SOM-Ausdrücken angegebene Felder enthält

• Ausgabe: keine

• Fehler: keine

Beispielverwendung der Form Bridge-API:

// Example 1: FormBridge.restoreFormState
  function loadFormState() {
    var suc = function(obj) {
             //success
            }
    var err = function(obj) {
           while(var t = obj.getNextMessage()) {
         $("#errorDiv").append("<div>"+t.message+"</div>");
           }
           }
        var _formState = // load form state from storage
    formBridge.restoreFormState({success:suc,error:err,formState:_formState}); // not passing a context means that this will be formBridge itself. Validation errors will be checked.
  }

//--------------------------------------------------------------------------------------------------

//Example 2: FormBridge.submitForm
  function SubmitForm() {
    var suc = function(obj) {
             var data = obj.data;
         // submit the data to a url;
            }
    var err = function(obj) {
           while(var t = obj.getNextMessage()) {
         $("#errorDiv").append("<div>"+t.message+"</div>");
           }
           }
    formBridge.submitForm({success:suc,error:err}); // not passing a context means that this will be formBridge itself. Validation errors will be checked.
  }