Double spry:repeat for menue list

Question

Hi,
My first 12 h with spry and ajax were quite succesfull but
now there is a point were I can't get along.
Ich have extendet the galleries.xml file with another
dimension:
<kategories>
<kategory>
<targetname>Kategory1</targetname>
<galleries>
<gallery base="island/" file="photos.xml">
<region>Gallerie1</region>
</gallery>
<gallery base="iceland/" file="photos.xml">
<region>Gallery2</region>
</gallery>
</galleries>
</kategory>
</kategories>
My goal is to create a vertical navigation menue like:
Kategory1
Gallery1
Gallery2
Kategory2
Gallery3
Gallery4
I wanted to archieve this with a douple spry:repeat in the
following code:
<div spry:region="dsKategories dsGalleries" >
<div spry:repeat="dsKategories">
<div >{dsKategories::targetname</div>
<div spry:repeatchildren="dsGalleries">
<div>{dsGalleries::region}</div>
</div>
</div>
</div>
but the result looks like that:
Kategory1
Gallery1
Gallery2
Kategory2
Gallery1
Gallery2
Can anyone give me a hint, what I'm doing wrong or what I
might have misunderstood?
Greeting from Cologne, Germany
Markus

Answer 1

Hi pygmaleon,
The reason you don't get what you expect is because your
dsGalleries data set is only selecting the first gallery for the
first category because of the XPath you set on it. If you want to
use Spry to accomplish what you want, you'll have to do some slight
restrucuring of your XML. Perhaps something like this:
<galleries>
<kategories>
<kategory id="1">
<targetname>Kategory1</targetname>
</kategory>
<kategory id="2">
<targetname>Kategory2</targetname>
</kategory>
</kategories>
<gallery base="g1/" file="photos.xml" kategory="1">
<region>Gallerie 1</region>
</gallery>
<gallery base="g2/" file="photos.xml" kategory="1">
<region>Gallerie 2</region>
</gallery>
<gallery base="g3/" file="photos.xml" kategory="2">
<region>Gallerie 3</region>
</gallery>
</galleries>
And then you can do something like:
var dsKategories = new
Spry.Data.XMLDataSet("galleries/kategories.xml",
"/galleries/kategories/kategory" )
var dsGalleries = new
Spry.Data.XMLDataSet("galleries/kategories.xml",
"/galleries/gallery" );
<div spry:region="dsKategories dsGalleries" >
<div spry:repeat="dsKategories">
<div >{dsKategories::targetname</div>
<div spry:repeatchildren="dsGalleries">
<div spry:if="{dsKategories::@id} ==
{dsGalleries::@kategory}">{dsGalleries::region}</div>
</div>
</div>
</div>
--== Kin ==--