Datenschutzhinweis

 

Beim Laden dieses Inhalts werden Nutzungsinformationen an Vimeo übertragen und dort ggf. verarbeitet.

 

             

Daten aus CSV-Datenquelle im Formular mit JavaScript auslesen

Geändert am Di, 2 Apr um 1:03 NACHMITTAGS

Es gibt verschiedene Möglichkeiten, Daten aus einer Datenquelle in das Formular einzulesen. Neben der Umsetzung   über ein Berechnungsfeld, besteht die Möglichkeit die Datenquellen über Java-Script einzulesen.



Als Grundlage für beide Beispiele verwenden wir folgende Datenquelle:

* Im ersten Beispiel ist die Option "öffentlicher Zugriff" nicht notwendig!


Datenquelle über JavaScript einlesen

Für diese Lösung wird ein Parameter mit der URL übergeben. In diesem wird ein Wert (in dem Beispiel die ID der Person) übergeben und die entsprechende Zeile zurückgegeben.


Erstellen sie die benötigten Elemente, in denen später die Werte der Datenquelle angezeigt werden. In diesem Beispiel ist das:

  • selAnrede
  • tfVorname
  • tfNachname
  • tfPLZ
  • tfOrt
  • personID (versteckt)



Das Script:

$.getJSON({
  url:XFC_METADATA.urls.datasource_csv,
  data:{
    name:"Personen",
    frid: XFC_METADATA.currentSessionFRID,
        jsonPath:"$.returnValue[ID == '"+$('[data-name="personID"]').val()+"']"
  },
  success:function(data){
        $('[data-name="selAnrede"]').val(data[0].Anrede);
        $('[data-name="tfNachname"]').val(data[0].Nachname);
        $('[data-name="tfVorname"]').val(data[0].Vorname);
        $('[data-name="tfPLZ"]').val(data[0].PLZ);
        $('[data-name="tfOrt"]').val(data[0].Ort);
  }
})


Ersetzen Sie "Personen" durch den Namen Ihrer Datenquelle,  "personID" durch den Namen ihres Übergabeparameters und die Werte im Bereich "success:function ..." mit den Namen ihrer Elemente (z.B. $('[data-name="selAnrede"]')) und Spaltenüberschriften der Datenquelle (z.B. data[0].Anrede).



Wenn Sie nun das Formular öffnen und in der URL den Übergabeparameter "personID" mit einem entsprechenden Wert übergeben, wir das Formular vorausgefüllt geöffnet.


https://formexchange.formcycle.eu/formcycle/demo/designer/2829?personID=5


(die 5 steht für den Eintrag der Datenquelle mit der ID 5 (Max Mustermann))



War dieser Artikel hilfreich?

Das ist großartig!

Vielen Dank für das Feedback

Leider konnten wir nicht helfen

Vielen Dank für das Feedback

Wie können wir diesen Artikel verbessern?

Wählen Sie wenigstens einen der Gründe aus
CAPTCHA-Verifikation ist erforderlich.

Feedback gesendet

Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren