... |
... |
@@ -148,28
+148,32 @@ |
148 |
148 |
Die Anbindung einer Datenquelle an eine Auswahlelement erfolgt direkt im {{designer case="dat"/}} |
149 |
149 |
{{/figure}} |
150 |
150 |
|
151 |
|
-Soll die //CSV//-Datenquelle direkt in ein [[Auswahlelement>>doc:Main.Auswahl]] geladen werden, erfolgt dies über die Eigenschaften des Auswahlelements im {{designer case="dat"/}}. |
|
151 |
+Soll die //CSV//-Datenquelle direkt in ein [[Auswahlelement>>doc:Formcycle.FormDesigner.FormElements.Selection.WebHome]] geladen werden, erfolgt dies über die Eigenschaften des Auswahlelements im {{designer case="dat"/}}. |
152 |
152 |
|
153 |
|
-Der Inhalt der CSV-Datenquelle wird folgendermaßen in einem [[Auswahlelement>>doc:Main.Auswahl]] verarbeitet. |
|
153 |
+Der Inhalt der CSV-Datenquelle wird folgendermaßen in einem [[Auswahlelement>>doc:Formcycle.FormDesigner.FormElements.Selection.WebHome]] verarbeitet: |
154 |
154 |
|
155 |
155 |
{{code}} |
156 |
|
-sichtbarer wert, übertragener, wert, optionaler wert, optionaler wert, ... |
|
156 |
+sichtbarer wert, übertragener wert, optionaler wert, optionaler wert, ... |
157 |
157 |
{{/code}} |
158 |
158 |
|
159 |
|
-Werden mehr als der sichtbare und übertragene Wert angegeben, also optionale Werte, so können diese im Javaskript über den folgenden jQuery-Selektor abgerufen werden. |
|
159 |
+Die Spalten werden der Datenquelle werden für [[Auswahlelemente>>doc:Formcycle.FormDesigner.FormElements.Selection.WebHome]] wie folgt bezeichnet: |
|
160 |
+{{code}}col + Index der Spalte{{/code}}. |
160 |
160 |
|
|
162 |
+Beitzt die Datenquelle mehr als 2 Spalten, besitzt sie optionale Werte. Auf die optionalen Werte kann im Javascript über den folgenden jQuery-Selektor zugegriffen werden: |
|
163 |
+ |
161 |
161 |
{{code language="javascript"}} |
162 |
|
-$('[name=sel2]').find('option:selected').attr('col0'); |
|
165 |
+$('[name=sel2]').find('option:selected').attr('col2'); |
163 |
163 |
{{/code}} |
164 |
164 |
|
165 |
|
-Jeder optionale Wert wird am Auswahlelement als Attribut {{code}}col + Index des optionalen Wert{{/code}} gespeichert. Bei z.B. drei optionalen Werten würde es also //col0//, //col1// und //col2// geben. |
|
168 |
+Die optionalen Werte beginnen also mit Spaltenindex 2. |
|
169 |
+Ist die erste Zeile als Header markiert, so wird diese für das Auswahlelement ignoriert. |
166 |
166 |
|
167 |
167 |
== XML == |
168 |
168 |
|
169 |
|
-Die XML Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Main.Auswahl]] gebunden werden. |
|
173 |
+Die XML Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Formcycle.FormDesigner.FormElements.Selection.WebHome]] gebunden werden. |
170 |
170 |
|
171 |
|
-{{figure image="datenquelle_xml.png" width="300"}} |
172 |
|
-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. |
|
175 |
+{{figure image="data_source_xml_servlet_json.png" width="300"}} |
|
176 |
+Die JSON-Struktur der XML-Datenquelle. Auf diese JSON-Struktur kann dann per Javaskript über {{code}}XFC_METADATA.urls.datasource_xml{{/code}} zugegriffen werden. |
173 |
173 |
{{/figure}} |
174 |
174 |
|
175 |
175 |
=== Beispiel für eine XML-Datenquelle === |
... |
... |
@@ -209,7
+209,7 @@ |
209 |
209 |
http(s):~/~/<server>/formcycle/datenquellexml?mandantName=<Mandant-Name>&name=<Datenquellen-Name> |
210 |
210 |
{{/info}} |
211 |
211 |
|
212 |
|
-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}}. |
|
216 |
+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/interfaces/_formcycle_v6_de_d_.formcyclede.xfcmetadata.html]]. Beispielsweise kann wie folgt darauf zugegriffen werden: {{code language="javascript"}}XFC_METADATA.urls.datasource_xml{{/code}}. |
213 |
213 |
|
214 |
214 |
Folgende Parameter sind möglich: |
215 |
215 |
|
... |
... |
@@ -219,10
+219,10 @@ |
219 |
219 |
|
220 |
220 |
== JSON == |
221 |
221 |
|
222 |
|
-Die //JSON//-Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Main.Auswahl]] gebunden werden. |
|
226 |
+Die //JSON//-Datenquelle verhält sich analog zur //CSV//-Datenquelle, kann jedoch nicht direkt an ein [[Auswahlelement>>doc:Formcycle.FormDesigner.FormElements.Selection.WebHome]] gebunden werden. |
223 |
223 |
|
224 |
|
-{{figure image="datenquelle_json.png" width="300"}} |
225 |
|
-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. |
|
228 |
+{{figure image="data_source_json_servlet_json.png"}} |
|
229 |
+Die JSON-Struktur der JSON-Datenquelle. Sie ist identisch mit der JSON-Datenquelle. Auf diese JSON-Struktur kann dann per Javascript über {{code}}XFC_METADATA.urls.datasource_json{{/code}} zugegriffen werden. |
226 |
226 |
{{/figure}} |
227 |
227 |
|
228 |
228 |
=== Beispiel für eine JSON-Datenquelle === |
... |
... |
@@ -229,16
+229,16 @@ |
229 |
229 |
|
230 |
230 |
{{code language="json"}} |
231 |
231 |
{"person":[ |
232 |
|
- { |
233 |
|
- 'anrede':'Herr', |
234 |
|
- 'vorname':'Max', |
235 |
|
- 'nachname':'Mustermann' |
236 |
|
- }, |
237 |
|
- { |
238 |
|
- 'anrede':'Frau', |
239 |
|
- 'vorname':'Monika', |
240 |
|
- 'nachname':'Musterfrau' |
241 |
|
- } |
|
236 |
+ { |
|
237 |
+ 'anrede':'Herr', |
|
238 |
+ 'vorname':'Max', |
|
239 |
+ 'nachname':'Mustermann' |
|
240 |
+ }, |
|
241 |
+ { |
|
242 |
+ 'anrede':'Frau', |
|
243 |
+ 'vorname':'Monika', |
|
244 |
+ 'nachname':'Musterfrau' |
|
245 |
+ } |
242 |
242 |
]} |
243 |
243 |
{{/code}} |
244 |
244 |
|