... |
... |
@@ -58,12
+58,12 @@ |
58 |
58 |
== CSV == |
59 |
59 |
|
60 |
60 |
{{figure image="data_source_csv_servlet_json_comparison.png"}} |
61 |
|
-Die JSON-Struktur einer CSV-Datenquelle. Auf diese JSON-Struktur kann per Javascript über {{code}}XFC_METADATA.urls.datasource_csv{{/code}} zugegriffen werden. (1) Links ist die JSON-Struktur der Datenquelle dargestellt, bei welcher die erste Zeile nicht als Header verwendet wird. Stattdessen werden Header in Form von {{code}}colX{{/code}} verwendet. (2) Rechts ist die Datenquelle zu sehen, wenn die erste Zeile als Header verwendet wird. |
|
61 |
+Die JSON-Struktur einer CSV-Datenquelle. Auf diese JSON-Struktur kann per Javaskcipt über {{code}}XFC_METADATA.urls.datasource_csv{{/code}} zugegriffen werden. (1) Links ist die JSON-Struktur der Datenquelle dargestellt, bei welcher die erste Zeile nicht als Header verwendet wird. Stattdessen werden Header in Form von {{code}}colX{{/code}} verwendet. (2) Rechts ist die Datenquelle zu sehen, wenn die erste Zeile als Header verwendet wird. |
62 |
62 |
{{/figure}} |
63 |
63 |
|
64 |
64 |
CSV-Datenquellen können in einer Quellcode-Ansicht oder in einer Tabellenansicht dargestellt werden. Die Ansicht kann mit einem Klick auf die entsprechende Schaltfläche {{ficon name="table-large"/}}/{{icon name="code"/}} in der Fußzeile unterhalb des Editierbereichs geändert werden. |
65 |
65 |
|
66 |
|
-//Quellcode-Ansicht einer CSV-Datenquelle//: ([[CSV Dateiformat>>https://de.wikipedia.org/wiki/CSV_(Dateiformat)||target="_blank"]]) |
|
66 |
+//Quellcode-Ansicht einer CSV-Datenquelle//: |
67 |
67 |
{{lightbox image="data_source_csv_source.png" title="Quellcode-Ansicht einer CSV-Datenquelle"/}} |
68 |
68 |
//Tabellenansicht einer CSV-Datenquelle//: |
69 |
69 |
{{lightbox image="data_source_csv_table.png" title="Tabellenansicht einer CSV-Datenquelle"/}} |
... |
... |
@@ -97,7
+97,7 @@ |
97 |
97 |
http(s):~/~/<server>/formcycle/datenquellecsv?mandantName=<Mandant-Name>&name=<Datenquellen-Name> |
98 |
98 |
{{/info}} |
99 |
99 |
|
100 |
|
-Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>https://jsdocs.formcycle.eu/jsdocs/de/modules/_formcycle_v6_de_d_.html#xfc_metadata||target="_blank"]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code}}XFC_METADATA.urls.datasource_csv{{/code}}. |
|
100 |
+Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Main.Formular-Metadaten]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code}}XFC_METADATA.urls.datasource_csv{{/code}}. |
101 |
101 |
|
102 |
102 |
Folgende Parameter sind möglich: |
103 |
103 |
|
... |
... |
@@ -114,6
+114,10 @@ |
114 |
114 |
|
115 |
115 |
=== Anwendungsbeispiel === |
116 |
116 |
|
|
117 |
+{{figure image="datenquelle_csv_7.png" width="300"}} |
|
118 |
+Ein Beispiel dafür, wie eine CSV-Datenquelle aussehen kann. Die Spalten werden durch Kommas getrennt. |
|
119 |
+{{/figure}} |
|
120 |
+ |
117 |
117 |
{{code language="csv"}} |
118 |
118 |
anrede,vorname,nachname,plz,ort |
119 |
119 |
Herr,Max,Mustermann,1000,Musterhausen |
... |
... |
@@ -122,8
+122,11 @@ |
122 |
122 |
|
123 |
123 |
{{/code}} |
124 |
124 |
|
125 |
|
-Im {{designer case="dat"/}} wird dann folgendes Skript im [[Skriptbereich>>doc:Formcycle.FormDesigner.CodingPanel.WebHome]] verwendet. |
126 |
126 |
|
|
130 |
+ |
|
131 |
+ |
|
132 |
+Im {{designer case="dat"/}} wird dann folgendes Skript im [[Skriptbereich>>doc:Main.TAB - Script]] verwendet. |
|
133 |
+ |
127 |
127 |
{{code language="javascript"}} |
128 |
128 |
$.getJSON( XFC_METADATA.urls.datasource_csv + "?name=Demo&mandantName=xima.de", function(json) { |
129 |
129 |
var obj = json.returnValue[0]; |