Operation Manual

Gegevens weergeven met Spry
Opmerking:
Naar boven
Naar boven
Over Spry-gegevenssets
Een Spry-gegevensset maken
Een Spry-gebied maken
Een Spry-herhalingsgebied maken
Een lijst met Spry-herhalingen maken
In Dreamweaver CC en hoger zijn Spry-widgets vervangen door jQuery-widgets. U kunt de bestaande Spry-widgets op uw pagina
nog steeds wijzigen, maar u kunt geen nieuwe Spry-widgets toevoegen.
Over Spry-gegevenssets
Een Spry-gegevensset is in feite een JavaScript-object dat een verzameling gegevens bevat die u opgeeft. Met Dreamweaver kunt u dit object
snel maken en gegevens laden van een gegevensbron (zoals een XML-of HTML-bestand) in het object. De gegevensset resulteert in een array
van gegevens in de vorm van een standaard tabel met rijen en kolommen. Wanneer u een Spry-gegevensset maakt met Dreamweaver, kunt u
ook opgeven hoe u de gegevens op een webpagina wilt weergeven.
Een gegevensset is een soort virtuele container waarvan de structuur uit rijen en kolommen bestaat. Het bestaat als een JavaScript-object
waarvan de gegevens alleen zichtbaar zijn wanneer u precies opgeeft hoe u deze op de webpagina plaatst. U kunt alle gegevens in deze
container weergeven of alleen geselecteerde delen ervan tonen.
Zie www.adobe.com/go/learn_dw_sdg_sprydataset_nl voor alle informatie over hoe Spry-gegevenssets werken.
Ga naar http://www.adobe.com/go/dw10datasets_nl voor een video-overzicht van het technische Dreamweaver-team over het werken met de
codenavigator.
Voor een zelfstudie over het werken met Spry-gegevenssets raadpleegt u www.adobe.com/go/lrvid4047_dw_nl.
Een Spry-gegevensset maken
Een Spry HTML-gegevensset maken
1. Als u alleen een gegevensset maakt, hoeft u zich geen zorgen te maken over de invoegpositie. Als u een gegevensset maakt en ook een
lay-out invoegt, moet u ervoor zorgen dat de invoegpositie op de plaats staat waar u de lay-out op de pagina wilt invoegen.
2. Kies Invoegen > Spry > Spry-gegevensset.
3. Voer de volgende stappen uit in het scherm Gegevensbron opgeven:
Selecteer HTML uit het pop-upmenu Gegevenstype selecteren. (Deze is standaard geselecteerd.)
Geef een naam op voor de nieuwe gegevensset. Als u voor het eerst een gegevensset maakt, krijgt deze de standaardnaam ds1. De
gegevenssetnaam kan letters, cijfers en onderstrepingstekens bevatten, maar mag niet beginnen met een cijfer.
Geef de HTML-elementen in de gegevensbron op waarvan u wilt dat Dreamweaver ze detecteert. Als u bijvoorbeeld gegevens hebt
georganiseerd in een div-tag en u wilt dat Dreamweaver div-tags detecteert in plaats van tabellen, selecteert u Divs in het pop-
upmenu Detecteren. Met de optie Aangepast kunt u elke tagnaam typen die u wilt detecteren.
Geef het pad op naar het bestand dat uw HTML-gegevensbron bevat. Het pad kan een relatief pad zijn naar een lokaal bestand in uw
site (bijvoorbeeld data/html_data.html) of een absolute URL naar een live webpagina (met gebruikmaking van HTTP of HTTPS). U kunt
op de knop Bladeren klikken om naar een lokaal bestand te bladeren en het te selecteren.
De HTML-gegevensbron wordt in het venster Gegevensselectie gerenderd en er worden visuele markeringen weergegeven voor de
elementen die beschikbaar zijn als containers voor de gegevensset. Aan het element dat u wilt gebruiken, moet al een uniek ID zijn
toegewezen. Als dit niet het geval is, geeft Dreamweaver een foutbericht weer en moet u teruggaan naar het gegevensbronbestand en
er een unieke ID aan toewijzen. Bovendien kunnen beschikbare elementen in het gegevensbronbestand niet in Spry-gebieden
voorkomen of andere gegevensreferenties bevatten.
U kunt ook een Invoer ontwerptijd als uw gegevensbron opgeven. Zie voor meer informatie Een invoer ontwerptijd gebruiken.
Selecteer het element voor uw gegevenscontainer door op een van de gele pijlen te klikken in het venster Gegevensselectie of door een
ID te kiezen uit het pop-upmenu Gegevenscontainers.
193