Hi
Has anyone else has attempted to go thru the Video Workshop
tutorials for using Spry with DW CS3 Trial version?
I am trying to learn how to use Spry and have gone thru the
Using Spry Framework for Ajax by Joseph Lowery. The problem I have
is that the example demonstrated in the tutorial simply does not
work as advertised in the video presentation (at least not using my
copy of DW CS3 Trial download). Getting exasperated I decided to
follow step by step the process in the accompanying HTML version of
the exersize only to discover glaring errors in the text of the
exersize - (Steps 9 and 10 have NOTHING to do with the example -
but thats beside to point here).
Here is what I have done so far:
1. I downloaded the zip file with the code for the tutorials,
created a DW local development copy and uploaded the files to the
testing server. The "testing server" is Apache on my XP Pro SP2
system.
2. In the root directory of the sample site used ion the
tutorial has a number of files which can be used as a starting
point for the tutorials. I have selected a file called
05_ajax_spry.htm and followed the steps in the tutorial to create
the Master / Detail regions and the Master data table.
3. At the completion of the exersize I should be able to
perform the following:
Sort either of the two columns in the
Master Region's Table
click on a data row in the master
table and observe the correct image and description forthat row in
the Detail Region.
3. Neither of these work - The only thing that does work is:
- The Master Region Table gets created OK as does the Detail
Region
- When I browse over the data in the Master Region each
separate row gets highlighted
- Onlky the first detail image and detail description are
displayed in the Detail Region and they never change when I click
on a row in the Master Region.
4. Now, I have gone thru the process several times in the
belief that I must have missed something - but so far I cant
pinpoint what that could be.
So, I decided to have a look at the next example which
applies an Accordian Widget to the page. This example is based on
another file in the root of the tutorial site called
http://beta/dwcs3spry/06_spry_widgets.htm.
This file essentially starts off where the previously worked on
exersize finishes. Upon examining the code of this file I noted a
difference in the Spry code applied to the table rows in the Master
Region. The code for the Master table in each example is:
05_ajax_spry.htm after completion of the exersize:
<table id="events">
<tr>
<th spry:sort="name">Name</th>
<th spry:sort="location">Location</th>
</tr>
<tr spry:repeat="dsEvents" spry:setrow="dsEvents"
spry:hover="rowHover" spry:select="rowSelected">
<td>{name}<br />
{date}</td>
<td valign="top">{location}</td>
</tr>
</table>
06_spry_widgets.htm - untouched or edited in the associated
exersize:
<table id="events">
<tr>
<th
onclick="dsEvents.sort('name','toggle')">Name</th>
<th
onclick="dsEvents.sort('location','toggle')">Location</th>
</tr>
<tr spry:repeat="dsEvents"
onclick="dsEvents.setCurrentRow('{ds_RowID}');"
spry:hover="rowHover" spry:select="rowSelected">
<td class="eventNameTD">{name}<br />
{date}</td>
<td class="locationTD">{location}</td>
</tr>
</table>
Note the onclick events in the latter version.
I guess my question is "How do I get these onclicks in place
using DWCS3's" wizards ?" - I am using the Trial version of DW CS3.
And, I note when I checked the code for the SpryData.js that it is
Version 1.3. This i is the SpryData.js file that is included in the
downloaded zip file for the DW CS3 Video Workshop Spry tutorials.
Many thanks.
1
Reply
AdChoices