Operation Manual

To the top
To the top
<div spry:region="ds1">{name}{category}</div>
<div spry:region="ds2">{ds1::name}{ds1::descheader}</div>
Create a Spry repeat region
You can add repeat regions to display your data. A repeat region is a simple data structure that you can format as needed to present your data.
For example, you can use a repeat region to display a set of photograph thumbnails one after another within a page layout object such as an AP
div element.
1. Select Insert > Spry > Spry Repeat.
You can also click the Spry Repeat button in the Spry category in the Insert panel.
2. For the object container, select the <div> or <span> option depending on the type of tag you want. The default is to use a
<div> container.
3. Select the Repeat (default) or Repeat Children option.
If you want more flexibility, you may want to use the Repeat Children option where data validation is done for each line in a
list at the child level. For instance, if you have a <ul> list, the data is checked at the <li> level. If you choose the Repeat
option, the data is checked at the <ul> level. The Repeat Children option may be especially useful if you use conditional
expressions in your code.
4. Choose your Spry data set from the menu.
5. If you already have text or elements selected, you can wrap or replace them.
6. Click OK to display a repeat region on your page.
Note: All Spry data objects must be within regions, so make sure you’ve created a Spry region on your page before inserting
a repeat region.
7. When you click OK, Dreamweaver inserts a region placeholder into your page with the text “Content for Spry Region Goes
Here.” You can replace this placeholder text with a Spry data object such as a table or repeat list or with dynamic data from
the Bindings panel (Window > Bindings).
The Bindings panel displays the available data from the data set.
Note: In the Bindings panel, there are some built-in Spry elements, ds_RowID, ds_CurrentRowID, and ds_RowCount, also
listed. Spry uses these to define the row a user clicked in when determining how to update dynamic detail regions.
8. To replace the placeholder text with a Spry data object, click the appropriate Spry data object button in the Insert panel.
9. To replace the placeholder text with one or more dynamic data, use one of the following methods:
Drag one or more elements from the Bindings panel on top of the selected text.
In Code view, type the code for one or more elements directly. Use this format: {dataset-name::element-name}, as in
{ds1::category}. or {dsProducts::desc}. If you are only using one data set in your file, or if you are using data elements
from the same data set that you defined for the region, you can omit the data set name and simply write {category} or
{desc}.
Regardless of which method you use to define the contents of your region, the following lines of code are added to your HTML
code:
<div spry:region="ds1">{name}{category}</div>
<div spry:region="ds2">{ds1::name}{ds1::descheader}</div>
Create a Spry repeat list region
You can add repeat lists to display your data as an ordered list, an unordered (bulleted) list, a definition list, or a drop-down list.
1. Select Insert > Spry > Spry Repeat List.
318