Nested DataSets?

Question

Howdy!
I'd like to start by saying that the Spry Framework provides
a fantastic and fun way to create dynamic web pages. I've been
having a blast toying around with it. But I've run into a situation
I haven't been able to figure out yet. The Gallery demo is amazing,
but as a photographer, I need my galleries to do a bit more,
including online ordering.
Here is the link to my
Testing
Site
Click on Package Builder in the accordian, and you'll see
that you can select different packages and the form automatically
updates to reflect the contents of the selected package. What I
need to do though, is for each product in the package, I need to
display a drop down select for the image and the tone. I started
with the tone (which admittedly probably ought to be static text,
but the problem would be the same whether it is the tone or image
select), and it just doesn't work. Well, it doesn't work when it is
nested as part of a spry:repeatchildren tbody tag.
And just as a sanity check, I copied and pasted the code to
create the tone select box at the bottom of the page, Scroll down
all the way, and you'll see it down there. But, on the Package
Builder AccordionPane, it just gives me a blank select box.
Is this type of nesting too complicated for Spry at this
point, or have I missed something extremely obvious?
Thanks in advance for your advice!
Peace,
Matt

Answer 1

Hi Matt,
I think your problem come from those line
<div spry:region="dsPackageProducts"
id="packageProducts">
<table>
<div spry:region="dsTones" id="toneSelector">
It seems that spry can't handle nested spry:region.
So the solution is to declare your region into the previous
one like this :
<div spry:region="dsPackageProducts dsTones"
id="packageProducts">
<table>
<div id="toneSelector">
<select spry:repeatchildren="dsTones"
name="toneSelect">
</table>
</div>
Hope this helps you
Miguel