... |
... |
@@ -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 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. |
|
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. |
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//: |
|
66 |
+//Quellcode-Ansicht einer CSV-Datenquelle//: ([[CSV Dateiformat>>https://de.wikipedia.org/wiki/CSV_(Dateiformat)||target="_blank"]]) |
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"/}} |
... |
... |
@@ -114,10
+114,6 @@ |
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 |
|
- |
121 |
121 |
{{code language="csv"}} |
122 |
122 |
anrede,vorname,nachname,plz,ort |
123 |
123 |
Herr,Max,Mustermann,1000,Musterhausen |
... |
... |
@@ -133,17
+133,17 @@ |
133 |
133 |
|
134 |
134 |
{{code language="javascript"}} |
135 |
135 |
$.getJSON( XFC_METADATA.urls.datasource_csv + "?name=Demo&mandantName=xima.de", function(json) { |
136 |
|
- var obj = json.returnValue[0] |
|
132 |
+ var obj = json.returnValue[0]; |
137 |
137 |
|
138 |
|
- $('[name=tfAnrede]').val(obj.anrede) |
139 |
|
- $('[name=tfVorname]').val(obj.vorname) |
140 |
|
- $('[name=tfName]').val(obj.nachname) |
141 |
|
- $('[name=tfPLZ]').val(obj.plz) |
142 |
|
- $('[name=tfOrt]').val(obj.ort) |
143 |
|
- }) |
|
134 |
+ $('[name=tfAnrede]').val(obj.anrede); |
|
135 |
+ $('[name=tfVorname]').val(obj.vorname); |
|
136 |
+ $('[name=tfName]').val(obj.nachname); |
|
137 |
+ $('[name=tfPLZ]').val(obj.plz); |
|
138 |
+ $('[name=tfOrt]').val(obj.ort); |
|
139 |
+ }); |
144 |
144 |
{{/code}} |
145 |
145 |
|
146 |
|
-{{lightbox image="datenquelle_csv_4.png" width="300"/}} |
|
142 |
+{{lightbox image="data_source_csv_designer_script_de.png"/}} |
147 |
147 |
|
148 |
148 |
Dieses Beispiel als Datenquelle für den {{designer case="acc"/}} [[zum Herunterladen>>attach:beispiel_datenquelle_csv.json||rel="__blank"]]. |
149 |
149 |
|