Nested data Accordion Gallery

Question

Hi,
I'd like to know if anybody has tried to rebuild the adobe
spry gallery (china,egypt,paris) but using a spry menubar or a spry
accordion to navigate from one gallery to another. The gallery
should than be accessed from the submenu items using the nested
data utility. Everything display correctly but it's not possible to
access the right gallery from within the submenus/nesteddata:
var dsGalleries = new
Spry.Data.XMLDataSet("galleries/galleries88.xml",
"galleries/item");
var dsSubitems = new Spry.Data.NestedXMLDataSet(dsGalleries,
"gallery");
var dsGallery = new
Spry.Data.XMLDataSet("galleries/{dsSubitems::@base}{dsSubitems::@file}",
"gallery");
var dsPhotos = new
Spry.Data.XMLDataSet("galleries/{dsSubitems::@base}{dsSubitems::@file}",
"gallery/photos/photo");
<div id="previews">
<div id="example1Region" spry:region="dsGalleries
dsSubitems">
<div id="Acc1" class="Accordion" tabindex="0">
<div class="AccordionPanel" spry:repeat="dsGalleries">
<div
class="AccordionPanelTab">{dsGalleries::@name}</div>
<div class="AccordionPanelContent"
spry:repeatchildren="dsSubitems">
<ul id="nav" >
<li spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
spry:hover="rowHover"
onClick="dsSubitems.setCurrentRowNumber('{ds_RowNumber}');"
spry:select="rowSelected"
spry:selected="selected">{dsSubitems::sitename}{dsSubitems::RowNumber}</li>
<li spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
spry:hover="rowHover"
onClick="dsSubitems.setCurrentRowNumber('{ds_RowNumber}');"
spry:select="rowSelected">{dsSubitems::sitename}{dsSubitems::RowNumber}</li>
</ul></div>
</div>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1");
</script>
</div>

Answer 1

My problem was that I couldn't bind the var from the outside table to the value of the inside table. It wouldn't process it and iterate through the collection. I solved the problem by using the Tomahawk data list tag.