| ... |
... |
@@ -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,7
+219,7 @@ |
| 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 |
224 |
{{figure image="datenquelle_json.png" width="300"}} |
| 225 |
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. |
| ... |
... |
@@ -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 |
|