Operation Manual

492
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
Een invoer ontwerptijd gebruiken
Als u met gegevens werkt die nog in ontwikkeling zijn, is het soms handig om met een invoer ontwerptijd te werken.
Als de serverontwikkelaar bijvoorbeeld nog bezig is met het voltooien van de database achter uw XML-
gegevensbestand, kunt u een testversie van het bestand gebruiken om uw pagina onafhankelijk van de database-
ontwikkeling te ontwerpen.
Wanneer u een Invoer ontwerptijd gebruikt, wordt in Dreamweaver uw werkomgeving alleen ingevuld met gegevens
uit die invoer. Referenties naar de gegevensbron in de paginacode blijven referenties naar de echte gegevensbron die
u wilt gebruiken.
1 Beginnen met het maken van een Spry-gegevensset (zie eerdere procedures voor instructies).
2 Klik in het scherm Gegevensbron opgeven op de koppeling Invoer ontwerptijd.
3 Klik op de knop Bladeren om naar de Invoer ontwerptijd te zoeken en klik op OK.
Info over Spry-gegevenskiezers
Wanneer u Dreamweaver gebruikt om een Spry-gegevensset te maken, plaatst Dreamweaver standaard alle gegevens
in een geselecteerde container. U kunt deze selectie verfijnen met de CSS-gegevenskiezers. Met CSS-gegevenskiezers
is het mogelijk om slechts een gedeelte van de gegevens van de gegevensbron op te nemen door de CSS-regels op te
geven die aan bepaalde gegevens zijn gekoppeld. Als u bijvoorbeeld .product opgeeft in het tekstvak Rijkiezers in het
scherm Gegevensbron opgeven, maakt Dreamweaver een gegevensset met alleen rijen waaraan de klasse .product is
toegewezen.
U moet de optie Geavanceerde gegevensselectie selecteren in het scherm Gegevensbron opgeven om de vakjes van de
gegevenskiezers te activeren. Als u gegevenskiezers invoert en de optie uitschakelt, blijven de door u getypte gegevens
in Dreamweaver in de vakjes staan, maar worden ze niet gebruikt als filters voor de gegevensset.
Info over dynamische Spry-hoofdtabellen en het bijwerken van detailgebieden
Spry-gegevenssets worden het meest gebruikt om een of meer HTML-tabellen te maken die andere paginagegevens op
dynamische wijze bijwerken als gevolg van een gebruikersactie. Als een gebruiker een product selecteert uit een lijst
met producten in een tabel, kan de gegevensset direct andere gegevens op deze pagina bijwerken met gedetailleerde
informatie over het geselecteerde product. Met Spry hoeft de pagina bij deze updates niet te worden vernieuwd.
Deze aparte paginagebieden worden ook de hoofd- en detail-gebieden genoemd. Doorgaans verschijnt er op één gebied
op de pagina (het hoofdgebied) een lijst met gecategoriseerde items (bijvoorbeeld een lijst met producten) en een ander
gebied (het detailgebied) met meer informatie over een geselecteerd record.
Elke gegevensset behoudt een huidige rij en standaard is de huidige rij ingesteld op de eerste rij gegevens in de
gegevensset. Wanneer een gebruiker verschillende selecties maakt in een hoofdgebied (volgens het voorbeeld van een
lijst met verschillende producten), wijzigt Spry in feite de huidige rij van de gegevensset. Het detailgebied is afhankelijk
van het hoofdgebied. Eventuele wijzigingen die op het hoofdgebied worden aangebracht door tussenkomst van de
gebruiker (zoals het selecteren van verschillende producten), resulteren daarom in wijzigingen op de gegevens in het
detailgebied.
In Dreamweaver worden de hoofd-/detailindelingen automatisch voor u gemaakt, zodat alle juiste koppelingen tussen
hoofd- en detailgebieden op hun plaats staan. Als u echter zelf een dynamische hoofdtabel wilt maken, kunt u deze
later voorbereiden voor koppeling aan een detailgebied. Wanneer u de optie Detailregio's bijwerken als op rij wordt
geklikt selecteert (in het dialoogvenster Tabel invoegen), wordt in Dreamweaver een
spry:setrow-tag in de tag
ingevoerd voor de herhalingsrij van uw dynamische tabel. Dit kenmerk bereidt de tabel voor als een hoofdtabel die de
mogelijkheid heeft om de huidige rij van de gegevensset opnieuw in te stellen als de tabel interactie heeft met de
gebruiker.