| ... |
... |
@@ -1,9
+1,18 @@ |
| 1 |
1 |
{{content/}} |
| 2 |
2 |
|
|
3 |
+{{id name="fig_data_source"/}} |
|
4 |
+{{figure image="data_source_de.png"}}Konfigurationsoberfläche zum Anlegen von Datenquellen: (1) Liste existierender Datenquellen, (2) Bereich zum Editieren der selektierten Datenquelle, (3) Einstellungspanel der Datenquelle, (4) Servlet-URL der Datenquelle, um auf diese zugreifen zu können.{{/figure}} |
|
5 |
+ |
| 3 |
3 |
Die Quellen bzw. Datenquellen werden als Text im Format CSV, JSON oder XML hinterlegt und können über den {{designer case="acc"/}} bzw. das Formular verarbeitet werden. |
| 4 |
4 |
|
| 5 |
5 |
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. |
| 6 |
6 |
|
|
10 |
+== Anlegen einer Datenquelle == |
|
11 |
+ |
|
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. |
|
13 |
+ |
|
14 |
+{{lightbox image="data_source_new_de.png"/}} |
|
15 |
+ |
| 7 |
7 |
== CSV == |
| 8 |
8 |
|
| 9 |
9 |
Hier können Sie Datensätze im CSV-Format eingeben. |
| ... |
... |
@@ -12,7
+12,7 @@ |
| 12 |
12 |
* Vergeben Sie einen eindeutigen Namen. |
| 13 |
13 |
* Im Feld //Wert// geben Sie die Daten separiert mit einem Komma ein. |
| 14 |
14 |
|
| 15 |
|
-{{figure image="datenquelle_csv_8.png" width="300"}} |
|
24 |
+{{figure image="datenquelle_csv_8.png"}} |
| 16 |
16 |
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. |
| 17 |
17 |
{{/figure}} |
| 18 |
18 |
|
| ... |
... |
@@ -35,7
+35,7 @@ |
| 35 |
35 |
http(s):~/~/<server>/formcycle/datenquellecsv?mandantName=<Mandant-Name>&name=<Datenquellen-Name> |
| 36 |
36 |
{{/info}} |
| 37 |
37 |
|
| 38 |
|
-Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Formular-Metadaten]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code}}XFC_METADATA.urls.datasource_csv{{/code}}. |
|
47 |
+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}}. |
| 39 |
39 |
|
| 40 |
40 |
Folgende Parameter sind möglich: |
| 41 |
41 |
|
| ... |
... |
@@ -65,7
+65,7 @@ |
| 65 |
65 |
|
| 66 |
66 |
|
| 67 |
67 |
|
| 68 |
|
-Im {{designer case="dat"/}} wird dann folgendes Skript im [[Skriptbereich>>doc:TAB - Script]] verwendet. |
|
77 |
+Im {{designer case="dat"/}} wird dann folgendes Skript im [[Skriptbereich>>doc:Main.TAB - Script]] verwendet. |
| 69 |
69 |
|
| 70 |
70 |
{{code language="javascript"}} |
| 71 |
71 |
$.getJSON( XFC_METADATA.urls.datasource_csv + "?name=Demo&mandantName=xima.de", function(json) { |
| ... |
... |
@@ -85,13
+85,13 @@ |
| 85 |
85 |
|
| 86 |
86 |
=== Sonderfall Auswahlelement === |
| 87 |
87 |
|
| 88 |
|
-{{figure image="datenquelle_csv_2.png" width="300"}} |
|
97 |
+{{figure image="data_source_csv_designer_de.png"}} |
| 89 |
89 |
Die Anbindung einer Datenquelle an eine Auswahlelement erfolgt direkt im {{designer case="dat"/}} |
| 90 |
90 |
{{/figure}} |
| 91 |
91 |
|
| 92 |
|
-Soll die //CSV//-Datenquelle direkt in ein [[Auswahlelement>>doc:Auswahl]] geladen werden, erfolgt dies über die Eigenschaften des Auswahlelements im {{designer case="dat"/}}. |
|
101 |
+Soll die //CSV//-Datenquelle direkt in ein [[Auswahlelement>>doc:Main.Auswahl]] geladen werden, erfolgt dies über die Eigenschaften des Auswahlelements im {{designer case="dat"/}}. |
| 93 |
93 |
|
| 94 |
|
-Der Inhalt der CSV-Datenquelle wird folgendermaßen in einem [[Auswahlelement>>doc:Auswahl]] verarbeitet. |
|
103 |
+Der Inhalt der CSV-Datenquelle wird folgendermaßen in einem [[Auswahlelement>>doc:Main.Auswahl]] verarbeitet. |
| 95 |
95 |
|
| 96 |
96 |
{{code}} |
| 97 |
97 |
sichtbarer wert, übertragener, wert, optionaler wert, optionaler wert, ... |
| ... |
... |
@@ -107,7
+107,7 @@ |
| 107 |
107 |
|
| 108 |
108 |
== XML == |
| 109 |
109 |
|
| 110 |
|
-Die XML Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Auswahl]] gebunden werden. |
|
119 |
+Die XML Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Main.Auswahl]] gebunden werden. |
| 111 |
111 |
|
| 112 |
112 |
{{figure image="datenquelle_xml.png" width="300"}} |
| 113 |
113 |
Die JSON-Struktur der XML-Datenquelle. Auf diese JSON-Struktur kann dann per Javaskript über {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugegriffen werden. |
| ... |
... |
@@ -150,7
+150,7 @@ |
| 150 |
150 |
http(s):~/~/<server>/formcycle/datenquellexml?mandantName=<Mandant-Name>&name=<Datenquellen-Name> |
| 151 |
151 |
{{/info}} |
| 152 |
152 |
|
| 153 |
|
-Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablen-Objekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Formular-Metadaten]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_xml{{/code}}. |
|
162 |
+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 language="javascript"}}XFC_METADATA.urls.datasource_xml{{/code}}. |
| 154 |
154 |
|
| 155 |
155 |
Folgende Parameter sind möglich: |
| 156 |
156 |
|
| ... |
... |
@@ -160,7
+160,7 @@ |
| 160 |
160 |
|
| 161 |
161 |
== JSON == |
| 162 |
162 |
|
| 163 |
|
-Die //JSON//-Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Auswahl]] gebunden werden. |
|
172 |
+Die //JSON//-Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Main.Auswahl]] gebunden werden. |
| 164 |
164 |
|
| 165 |
165 |
{{figure image="datenquelle_json.png" width="300"}} |
| 166 |
166 |
Die JSON-Struktur der JSON-Datenquelle. Sie ist identisch mit der JSON-Datenquelle. Auf diese JSON-Struktur kann dann per Javaskript über {{code}}XFC_METADATA.urls.datasource_[csv|json|xml]{{/code}} zugegriffen werden. |
| ... |
... |
@@ -190,7
+190,7 @@ |
| 190 |
190 |
http(s):~/~/<server>/formcycle/datenquellejson?mandantName=<Mandant-Name>&name=<Datenquellen-Name> |
| 191 |
191 |
{{/info}} |
| 192 |
192 |
|
| 193 |
|
-Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablenobjekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Formular-Metadaten]]. Beispielweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_json{{/code}}. |
|
202 |
+Bei Zugriff aus dem {{designer case="dat"/}} verwenden Sie immer das globale Variablenobjekt //XFC_METADATA//, siehe hierzu auch [[Globale Designer Variablen>>doc:Main.Formular-Metadaten]]. Beispielweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_json{{/code}}. |
| 194 |
194 |
|
| 195 |
195 |
Folgende Parameter sind möglich: |
| 196 |
196 |
|