Operation Manual

Anzeigen von Daten mit Spry
Hinweis:
Nach oben
Nach oben
Spry-Datensätze
Spry-Datensätze erstellen
Spry-Bereiche erstellen
Spry-Wiederholungsbereiche erstellen
Spry-Wiederholungslistenbereiche erstellen
Spry-Widgets werden ab Dreamweaver CC durch jQuery-Widgets ersetzt. Sie können zwar vorhandene Spry-Widgets auf der Seite
noch ändern, aber Sie können keine neuen Spry-Widgets hinzufügen.
Spry-Datensätze
Bei einem Spry-Datensatz handelt es sich im Grunde um ein JavaScript-Objekt, das eine von Ihnen festgelegte Zusammenstellung von Daten
enthält. In Dreamweaver können Sie solch ein Objekt problemlos erstellen und Daten aus einer Datenquelle (beispielsweise aus einer XML- oder
HTML-Datei) in das Objekt laden. Der entstehende Datensatz ist ein Feld von Daten in Form einer Standardtabelle mit Zeilen und Spalten. Wenn
Sie einen Spry-Datensatz mit Dreamweaver erstellen, können Sie auch festlegen, wie die Daten auf einer Webseite angezeigt werden sollen.
Sie können sich einen Datensatz als virtuellen Behälter vorstellen, dessen Struktur aus Zeilen und Spalten besteht. Er existiert als ein JavaScript-
Objekt, dessen Informationen nur sichtbar sind, wenn Sie genau angeben, wie diese auf der Webseite angezeigt werden sollen. Sie können alle
Daten in diesem Behälter anzeigen oder auch nur ausgewählte Teile.
Umfassende Informationen zur Funktionsweise von Spry-Datensätzen finden Sie unter www.adobe.com/go/learn_dw_sdg_sprydataset_de.
Ein Video des Dreamweaver-Entwicklungsteams mit einem Überblick über die Verwendung von Spry-Datensätzen finden Sie unter
www.adobe.com/go/dw10datasets_de.
Ein Video-Tutorial zur Verwendung von Spry-Datensätzen finden Sie unter www.adobe.com/go/lrvid4047_dw_de.
Spry-Datensätze erstellen
Spry-HTML-Datensätze erstellen
1. Wenn Sie nur einen Datensatz erstellen, müssen Sie sich keine Gedanken über die Position der Einfügemarke machen. Wenn Sie einen
Datensatz erstellen und gleichzeitig ein Layout einfügen möchten, stellen Sie sicher, dass sich die Einfügemarke an der Position befindet, an
der das Layout auf der Seite eingefügt werden soll.
2. Wählen Sie „Einfügen“ > „Spry“ > „Spry-Datensatz“ aus.
3. Führen Sie im Dialogfeld „Datenquelle angeben“ die folgenden Schritte aus:
Wählen Sie im Popupmenü „Datentyp auswählen“ die Option „HTML“ aus. (Diese Option ist standardmäßig ausgewählt.)
Legen Sie einen Namen für den neuen Datensatz fest. Der Standardname für den ersten erstellten Datensatz ist „ds1“. Der
Datensatzname kann nur Buchstaben, Ziffern und den Unterstrich enthalten und darf nicht mit einer Ziffer beginnen.
Geben Sie die HTML-Elemente der Datenquelle an, die Dreamweaver erkennen soll. Wenn Sie die Daten beispielsweise innerhalb eines
div-Tags angeordnet haben und Dreamweaver anstelle von Tabellen div-Tags erkennen soll, wählen Sie aus dem Popupmenü
„Ermitteln“ die Option „DIVs“ aus. Mit der Option „Benutzerdefiniert“ können Sie beliebige Tagnamen eingeben, die erkannt werden
sollen.
Geben Sie den Pfad zur Datei mit der HTML-Datenquelle an. Der Pfad kann sowohl relativ als Verweis auf eine lokale Datei der Site
(z. B. „data/html_data.html“) als auch als absolute URL auf einer (per HTTP oder HTTPS) verfügbaren Webseite angegeben werden. Sie
können auf die Schaltfläche „Durchsuchen“ klicken, um zu einer lokalen Datei zu wechseln und diese dann auszuwählen.
Dreamweaver stellt die HTML-Datenquelle im Dialogfeldbereich „Datenauswahl“ dar und zeigt Markierungen für die Elemente an, die als
Container für den Datensatz verwendet werden können. Dem zu verwendenden Element muss bereits eine eindeutige ID zugeordnet
sein. Wenn dies nicht der Fall ist, wird in Dreamweaver eine Fehlermeldung angezeigt, und Sie müssen erneut die Datenquellendatei
öffnen und eine eindeutige ID zuweisen. Darüber hinaus dürfen in der Datenquellendatei auswählbare Elemente nicht in Spry-Bereichen
abgelegt sein oder andere Datenverweise enthalten.
Alternativ können Sie auch einen „Entwurfsphasen-Feed“ als Datenquelle angeben. Weitere Informationen finden Sie unter
Entwurfsphasen-Feeds verwenden.
194