GetData() from nested data sets

Question

Hi,
I've got nested data sets in the form of:
var ds1 = new Spry.Data.XMLDataSet("products.xml",
"items/item");
var dsOptionSets = new Spry.Data.NestedXMLDataSet(ds1,
"optionsets/optionset");
var dsOptions = new Spry.Data.NestedXMLDataSet(dsOptionSets,
"option");
The application is an e-commerce store and I'm retrofitting
E-Junkie's form <select> codes to allow the user to select
"Color" and "Size" by clicking on images pulled from
items/item/optionsets/optionset/option rather than selecting those
options from a list. Trouble is, I can't get to the data in the
nested data set. Help!
I've tried poking at it thus:
<img spry:repeat="dsOptions" spry:setrow="dsOptions"
onclick="var rows = dsOptions.getData(); alert(rows[0].option);"
spry:if="'{dsOptions::@image}' != 'undefined'"
src="{dsOptions::@image}" alt="{dsOptions::option}"
name="{dsOptions::option}" />
.. but I've yet to get anything but "undefined" from the
alert. I think it may have something to do with the data sets being
more complexly nested than I imagine. I'm really looking forward to
the day when I can refer to Spry data in javascript as easily as I
can through {spry::tag}s.
Here's one <item> from my <items>:
<items>
<item>
<id>43522</id>
<title>Gildan T-Shirts</title>
<price>16.95</price>
<images>
<image description="Gildan T-Shirt in Charcoal
Grey">images/products/shirts/tshirt_gildan_ss_charcoalgrey.jpg</image>
</images>
<optionsets>
<optionset value="Colors" id="0">
<option
image="images/products/shirts/tshirt_gildan_ss_texasorange.jpg">Texas
Orange</option>
<option
image="images/products/shirts/tshirt_gildan_ss_charcoalgrey.jpg">Charcoal</option>
</optionset>
<optionset id="1" value="Size">
<option value="Small"
image="images/products/sizes/size_s.gif">Small</option>
<option value="Medium"
image="images/products/sizes/size_m.gif">Medium</option>
<option value="Small"
image="images/products/sizes/size_l.gif">Large</option>
<option value="Xtra Large"
image="images/products/sizes/size_xl.gif">Xtra
Large</option>
<option value="XXtra Large"
image="images/products/sizes/size_2x.gif">XXtra
Large</option>
</optionset>
</optionsets>
</item>
</items>

Answer 1

Hi Diana,
I tried your suggestion of executing ds1.loadData()
immediately after declaring ds1, but it has not fixed my problem.
I've changed my image onClick behavior to:
if (dsOptions.getDataWasLoaded())
row = dsOptions.getRowCount();
alert(row);
On clicking any image, alert shows "0". This tells us that
dsOptions IS being loaded, right? I'm able to work with the data
through e.g. {dsOptions::option} tags as always, but for some
reason I can't get to the data through dsOptions.
I just tried replacing the onClick behavior above with
ds1.getRowCount(), and that shows the correct number (6). Then I
tried with dsOptionSets and got a zero count again.
FYI, my declaration section is now:
var ds1 = new Spry.Data.XMLDataSet("products.xml",
"items/item");
ds1.loadData(); // theoretically not necessary, but bug in
this Spry version requires it
ds1Rows = ds1.getData(true);
var dsOptionSets = new Spry.Data.NestedXMLDataSet(ds1,
"optionsets/optionset");
dsOptionSets.loadData();
dsOptionSetsRows = dsOptionSets.getData(true);
var dsOptions = new Spry.Data.NestedXMLDataSet(dsOptionSets,
"option");
dsOptions.loadData();
dsOptionsRows = dsOptions.getData(true);
I've also just tried replacing the onclick with:
onclick="if (ds1.getDataWasLoaded()) { ds1Rows=
ds1.getData(true); dsOptionSetsRows = dsOptionSets.getData(true);
dsOptionsRows =
dsOptions.getData(true);alert(dsOptionsRows[0].option);}"
As before, ds1Rows[0].<property> gives the correct
result but dsOptionsRows[0].option says "dsOptionsRows[0] has no
properties".
Thanks,
Dylan Oliver