| ... |
... |
@@ -7,6
+7,11 @@ |
| 7 |
7 |
|
| 8 |
8 |
Um auch im Skriptbereich per Javaskript auf die Datenquellen Zugriff zu haben, werden alle Datenquellen in eine JSON-Struktur umgewandelt und im Objekt {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugänglich gemacht. Die Struktur dieser JSON-Struktur für die verschiedenen Datenquellen ist im jeweiligen Abschnitt erläutert. |
| 9 |
9 |
|
|
10 |
+{{info}} |
|
11 |
+**Servlet-URL** |
|
12 |
+Die Servlet-URL einer Datenquelle wird nach dem Anlegen in der Konfigurationsoberfläche dargestellt (siehe Punkt 4 in der [[Abbildung>>||anchor="fig_data_source"]]) und ist im JS-Objekt {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} verfügbar. |
|
13 |
+{{/info}} |
|
14 |
+ |
| 10 |
10 |
== Anlegen einer Datenquelle == |
| 11 |
11 |
|
| 12 |
12 |
Öffnen Sie das Modul "Daten > Quellen" und klicken Sie auf die Schaltfläche "Neu" {{ficon name="plus-circle-outline"/}} in der Kopfzeile der Liste (siehe Punkt 1 in der [[Abbildung>>||anchor="fig_data_source"]]). Daraufhin werden Sie aufgefordert eine leere Datenquelle anzulegen oder diese aus einer Datei zu importieren. Es können drei Typen von Datenquellen angelegt werden: //XML//, //CSV// und //JSON//. |
| ... |
... |
@@ -26,6
+26,7 @@ |
| 26 |
26 |
* **CSV**: //.csv//, //.xls//, //.xlsx// (Excel) |
| 27 |
27 |
* **JSON**: //.json// |
| 28 |
28 |
|
|
34 |
+{{id name="data_source_import_csv"/}} |
| 29 |
29 |
__CSV-Datenquellen__ |
| 30 |
30 |
|
| 31 |
31 |
CSV-Datenquellen können aus unterschiedlichen Dateitypen importiert werden: |
| ... |
... |
@@ -51,29
+51,39 @@ |
| 51 |
51 |
|
| 52 |
52 |
== CSV == |
| 53 |
53 |
|
| 54 |
|
-{{figure image="data_source_csv_servlet_json.png"}} |
| 55 |
|
-Die JSON-Struktur der CSV-Datenquelle. Auf diese JSON-Struktur kann dann per Javaskript über {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugegriffen werden. |
|
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. |
| 56 |
56 |
{{/figure}} |
| 57 |
57 |
|
| 58 |
|
-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 in der Fußzeile unterhalb des Editierbereichs geändert werden. |
|
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. |
| 59 |
59 |
|
| 60 |
|
-**Erste Zeile ist Header** |
|
66 |
+//Quellcode-Ansicht einer CSV-Datenquelle//: |
|
67 |
+{{lightbox image="data_source_csv_source.png" title="Quellcode-Ansicht einer CSV-Datenquelle"/}} |
|
68 |
+//Tabellenansicht einer CSV-Datenquelle//: |
|
69 |
+{{lightbox image="data_source_csv_table.png" title="Tabellenansicht einer CSV-Datenquelle"/}} |
| 61 |
61 |
|
| 62 |
|
-=== Beispiel für eine CSV-Datenquelle === |
|
71 |
+=== Bearbeitung von CSV-Tabellen === |
| 63 |
63 |
|
| 64 |
|
-{{info}} |
| 65 |
|
-Die CSV-Daten werden intern in ein JSON-Objekt umgewandelt, sodass die erste Zeile der //CSV-Datei// immer die Objektnamen für den späteren Zugriff definiert. |
| 66 |
|
-{{/info}} |
|
73 |
+Zum Bearbeitung einer CSV-Tabelle befinden sich unterhalb des Editierbereichs eine Reihe von Schaltflächen: |
| 67 |
67 |
|
| 68 |
|
-{{code}} |
| 69 |
|
-anrede,vorname,nachname,plz,ort |
| 70 |
|
-Herr,Max,Mustermann,1000,Musterhausen |
| 71 |
|
-Frau,Monika,Mustermann,2000,Musterdorf |
| 72 |
|
-Frau, Luise,Musterfrau,3000,Musterstadt |
| 73 |
|
-{{/code}} |
|
75 |
+* {{ficon name="plus-circle"/}} **Einfügen**: Fügt neue Zeilen oder Spalten relativ zur derzeit selektierten Zelle ein. |
|
76 |
+* {{ficon name="trash-alt2"/}} **Entfernen**: Entfernt die selektierte Zeile oder Spalte oder leert die selektierte Zelle. |
|
77 |
+* {{icon name="upload"/}} **Importieren**: Öffnet den [[Dialog zum Importieren von CSV-Datenquellen>>||anchor="data_source_import_csv"]]. |
|
78 |
+* {{icon name="code"/}} **Quellcode-Ansicht**: Wechselt in die Quellcode-Ansicht. |
| 74 |
74 |
|
| 75 |
|
-Das Auslesen der Werte im {{designer case="dat"/}} erfolgt über das //Servlet// mit Namen //datenquellecsv//. |
|
80 |
+=== Header von CSV-Datenquellen === |
| 76 |
76 |
|
|
82 |
+Für CSV-Datenquellen gibt es eine zusätzliche Option in den Datenquelleinstellungen. Die Option **Erste Zeile ist Header** regelt den Zugriff auf die Werte der Datenquelle über das entsprechende Servlet ({{code}}XFC_METADATA.urls.datasource_csv{{/code}}): |
|
83 |
+ |
|
84 |
+* **Aktiviert**: |
|
85 |
+Die Zellen der erste Zeile werden als Schlüssel bzw. {{code}}keys{{/code}} für den Zugriff auf die Werte der jeweiligen Spalte verwendet (siehe [[Anwendungsbeispiel>>||anchor="data_source_csv_example"]]). |
|
86 |
+* **Deaktiviert**: |
|
87 |
+Die Schlüssel bzw. {{code}}keys{{/code}} für den Zugriff auf die Werte der einzelnen Datensätze/Zeilen sind durchnummeriert, beginnend mit {{code}}0{{/code}}. Diese Schlüssel haben folgende Form: {{code}}colX{{/code}}, wobei {{code}}X{{/code}} für den Index der Spalte steht. |
|
88 |
+ |
|
89 |
+{{lightbox image="data_source_csv_settings_de.png" title="Die Option **Erste Zeile ist Header** regelt den Zugriff auf die Werte der Datenquelle über das entsprechende Servlet"/}} |
|
90 |
+ |
|
91 |
+CSV-Datenquellen können im {{designer case="dat"/}} über das //Servlet// mit Namen {{code}}XFC_METADATA.urls.datasource_csv{{/code}} ausgelsen werden. |
|
92 |
+ |
| 77 |
77 |
=== Servlet-Parameter === |
| 78 |
78 |
|
| 79 |
79 |
{{info}} |
| ... |
... |
@@ -94,6
+94,8 @@ |
| 94 |
94 |
|csvTrennzeichen|Gibt das Trennzeichen zwischen den einzelnen Datenzellen an. Wird dieses nicht gesetzt, wird hier standardmäßig ein Komma {{code}},{{/code}} benutzt.|Nein |
| 95 |
95 |
|csvQuote|Das Trennzeichen, mit dem die Werte der Zeilen getrennt sind. Wird dieses nicht gesetzt, wird hier standardmäßig ein Anführungszeichen verwendet {{code}}"{{/code}}.| Nein |
| 96 |
96 |
|
|
113 |
+{{id name="data_source_csv_example"/}} |
|
114 |
+ |
| 97 |
97 |
=== Anwendungsbeispiel === |
| 98 |
98 |
|
| 99 |
99 |
{{figure image="datenquelle_csv_7.png" width="300"}} |
| ... |
... |
@@ -115,17
+115,17 @@ |
| 115 |
115 |
|
| 116 |
116 |
{{code language="javascript"}} |
| 117 |
117 |
$.getJSON( XFC_METADATA.urls.datasource_csv + "?name=Demo&mandantName=xima.de", function(json) { |
| 118 |
|
- var obj = json.returnValue[0] |
|
136 |
+ var obj = json.returnValue[0]; |
| 119 |
119 |
|
| 120 |
|
- $('[name=tfAnrede]').val(obj.anrede) |
| 121 |
|
- $('[name=tfVorname]').val(obj.vorname) |
| 122 |
|
- $('[name=tfName]').val(obj.nachname) |
| 123 |
|
- $('[name=tfPLZ]').val(obj.plz) |
| 124 |
|
- $('[name=tfOrt]').val(obj.ort) |
| 125 |
|
- }) |
|
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 |
+ }); |
| 126 |
126 |
{{/code}} |
| 127 |
127 |
|
| 128 |
|
-{{lightbox image="datenquelle_csv_4.png" width="300"/}} |
|
146 |
+{{lightbox image="data_source_csv_designer_script_de.png" width="300"/}} |
| 129 |
129 |
|
| 130 |
130 |
Dieses Beispiel als Datenquelle für den {{designer case="acc"/}} [[zum Herunterladen>>attach:beispiel_datenquelle_csv.json||rel="__blank"]]. |
| 131 |
131 |
|