Operation Manual

441
USING DREAMWEAVER
Building Spry pages visually
Last updated 3/28/2012
4 In the Set Data Options screen, do the following:
• (Optional) Set data set column types by selecting a column, and choosing a column type from the Type pop-up
menu. For example, if a column in the data set contains numbers, select the column and choose number from
the Type pop-up menu. This option is only important if you want your user to be able to sort the data by that
column.
You can select a data set column by clicking its header, by choosing it from the Column Name pop-up menu, or
by navigating to it using the left and right arrows in the upper-left corner of the screen.
• (Optional) Specify how you want to sort the data by selecting the column you want to sort by from the Sort
Columns pop-up menu. Once you’ve selected the column, you can specify whether to sort it in ascending or
descending order.
• (Optional: tables only) Deselect Use First Row as Header if you want to use generic column names (that is
column0, column1, column 2, and so on) instead of the column names specified in your HTML data source.
Note: If you’ve selected something other than a table for the container element of your data set, this option and the
next option are not available. Dreamweaver automatically uses column0, column1, column2, and so on, for the
column names of non-table-based data sets.
• (Optional: tables only) Select Use Columns as Rows to reverse the horizontal and vertical orientation of the data
in the data set. If you select this option, columns will be used as rows.
• (Optional) Select Filter out Duplicate rows to exclude duplicate rows of data from the data set.
• (Optional) Select Disable Data Caching if you always want to have access to the most recent data in the data set.
If you want data to autorefresh, select Autorefresh Data and specify a refresh time in milliseconds.
• When you’re finished in the Set Data Options screen, click Done to create the data set right away, or click Next
to go on to the Choose Insert Options screen. If you click Done, the data set becomes available in the Bindings
panel (Window
> Bindings).
5 In the Choose Insert Options screen, do one of the following:
• Select a layout for the new data set, and specify the appropriate setup options. For more information, see
“Choose a layout for the data set” on page 443.
• Select Do Not Insert HTML. If you select this option, Dreamweaver creates the data set, but does not add any
HTML to the page. The data set becomes available from the Bindings panel (Window
> Bindings), and you can
manually drag pieces of data from the data set to the page.
6 Click Done.
Dreamweaver creates the data set and, if you selected a layout option, displays the layout and data placeholders on
your page. If you look in Code view, you’ll see that Dreamweaver has added references in the header to the
SpryData.js file and the SpryHTMLDataSet.js file. These files are important Spry assets that work in conjunction
with the page. Be sure not to remove this code from your page or the data set will not function. When you upload
your page to a server, you’ll also need to upload these files as dependent files
Create a Spry XML data set
1 If you are only creating a data set, you do not need to worry about the insertion point. If you are creating a data set
and also inserting a layout, make sure that the insertion point is where you want to insert the layout on the page.
2 Choose Insert > Spry > Spry Data Set.
3 In the Specify Data Source screen, do the following:
• Select XML from the Select Data Type pop-up menu.