Operation Manual

495
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
Voor meer flexibiliteit kunt u de optie Onderliggende niveaus herhalen gebruiken, waarbij gegevensvalidatie wordt
uitgevoerd voor elke regel in een lijst op het onderliggende niveau. Als u bijvoorbeeld een <ul>-lijst hebt, worden de
gegevens op het <li>-niveau gecontroleerd. Als u de optie Herhalen kiest, worden de gegevens op het <ul>-niveau
gecontroleerd. De optie Onderliggende niveaus herhalen is met name nuttig als u in uw code voorwaardelijke expressies
gebruikt.
4 Kies de Spry-gegevensset in het menu.
5 Als u al tekst of elementen hebt geselecteerd, kunt u deze verpakken of ze vervangen.
6 Klik op OK om een herhalingsgebied op de pagina weer te geven.
Opmerking: Alle Spry-gegevensobjecten moeten in de gebieden liggen. Zorg er dus voor dat u een Spry-gebied hebt
gemaakt op de pagina voordat u een herhalingsgebied invoegt.
7 Wanneer u op OK klikt, plaatst Dreamweaver een tijdelijke aanduiding voor het gebied op de pagina, met de tekst
'Plaats hier de inhoud van Spry-gebied'. U kunt deze tekst vervangen door een Spry-gegevensobject, zoals een tabel
of herhaling, of door dynamische gegevens uit het paneel Bindingen (Venster > Bindingen).
In het paneel Bindingen worden de beschikbare gegevens uit de gegevensset weergegeven.
Opmerking: In het paneel Bindingen worden ook een aantal ingebouwde Spry-elementen, ds_RowID, ds_CurrentRowID
en ds_RowCount, genoemd. Met behulp van deze elementen kan Spry definiëren in welke rij een gebruiker heeft geklikt,
wanneer wordt bepaald hoe dynamische detailgebieden moeten worden bijgewerkt.
8 Als u de tekst van de tijdelijke aanduiding wilt vervangen door een Spry-gegevensobject, klikt u op de knop van het
desbetreffende Spry-gegevensobject op het paneel Invoegen.
9 Als u de tekst van de tijdelijke aanduiding wilt vervangen door een of meer dynamische gegevens, gebruikt u een
van de volgende methoden:
• Sleep een of meer elementen van het paneel Bindingen over de geselecteerde tekst heen.
• Ga naar de codeweergave en voer de code voor een of meer elementen rechtstreeks in. Gebruik de volgende notatie:
{naam-gegevensset::naam-element}, zoals in {ds1::category}. of {dsProducts::desc}. Als u maar één
gegevensset in uw bestand gebruikt, of als u gegevenselementen gebruikt uit dezelfde gegevensset die u voor het
gebied hebt gedefinieerd, kunt u de naam van de gegevensset weglaten en gewoon
{category} of {desc} schrijven.
Ongeacht welke methode u gebruikt om de inhoud van het gebied te definiëren, in alle gevallen worden de volgende
coderegels aan uw HTML-code toegevoegd:
<div spry:region="ds1">{name}{category}</div>
<div spry:region="ds2">{ds1::name}{ds1::descheader}</div>