Dynamic Accordion Menu

Question

Hi All,
I'm using spry accordion as a menu loading its data from an
XML file. Here is my code
<!-- here I include all the libraries -->
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<script src="../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryDOMUtils.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryURLUtils.js"
type="text/javascript"></script>
<script type="text/javascript">
// Grabs the values of the URL parameters for the current
URL.
var params = Spry.Utils.getLocationParamsAsObject();
</script>
<script type="text/javascript">
var strategic1 = new
Spry.Data.XMLDataSet("../xml/Strategic.xml", "NewDataSet/Content");
var observer = { onPostUpdate: function(notifier, data) { var
a2 = new Spry.Widget.Accordion("Accordion1" ,
{defaultPanel:(params.panel ? params.panel : -1)}); } };
Spry.Data.Region.addObserver("strategic1Region", observer);
//-->
</script>
<!-- here I set the spry region -->
<div id="strategic1Region" spry:region="strategic1">
<div id="Accordion1" class="Accordion" tabindex="0">
<!-- here I set the area to be repeated -->
<div spry:repeat="strategic1" class="AccordionPanel">
<div
class="AccordionPanelTab">{strategic1::Menu}</div>
<div class="AccordionPanelContent">
<ul>
<li spry:if=" '{strategic1::Link1}' != 'undefined' "
class="SubMenu"><a href="{URL1}"
class="SubMenu">{Link1}</a></li>
<li spry:if=" '{strategic1::Link2}' != 'undefined' "
class="SubMenu"><a href="{URL2}"
class="SubMenu">{Link2}</a></li>
<li spry:if=" '{strategic1::Link3}' != 'undefined' "
class="SubMenu"><a href="{URL3}"
class="SubMenu">{Link3}</a></li>
<li spry:if=" '{strategic1::Link4}' != 'undefined' "
class="SubMenu"><a href="{URL4}"
class="SubMenu">{Link4}</a></li>
<li spry:if=" '{strategic1::Link5}' != 'undefined' "
class="SubMenu"><a href="{URL5}"
class="SubMenu">{Link5}</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
AND HERE IS MY XML FILE
<Content>
<IdMenu>2</IdMenu>
<Menu>tab01</Menu>
<SunMenu>SUB2</SunMenu>
<Link1>link01</Link1>
<Link2>link02</Link2>
<Link3>link0303</Link3>
<URL1>../link01.asp?panel=0#strategic</URL1>
<URL2>../link02.asp?panel=0#strategic</URL2>
<URL3>../link03.asp?panel=0#strategic</URL3>
</Content>
<Content>
<IdMenu>3</IdMenu>
<Menu>tab02</Menu>
<SunMenu>SUB3</SunMenu>
<Link1>link01</Link1>
<Link2>link02</Link2>
<Link3>link0303</Link3>
<URL1>../link01.asp?panel=0#strategic</URL1>
<URL2>../link02.asp?panel=0#strategic</URL2>
<URL3>../link03.asp?panel=0#strategic</URL3>
</Content>
<Content>
<IdMenu>4</IdMenu>
<Menu>tab03</Menu>
<SunMenu>SUB4</SunMenu>
<Link1>link01</Link1>
<Link2>link02</Link2>
<Link3>link03</Link3>
<Link4>link04</Link4>
<Link5>link0303</Link5>
<URL1>../link01.asp?panel=0#strategic</URL1>
<URL2>../link02.asp?panel=0#strategic</URL2>
<URL3>../link03.asp?panel=0#strategic</URL3>
<URL4>../link04.asp?panel=0#strategic</URL4>
<URL5>../link05.asp?panel=0#strategic</URL5>
</Content>
The Question
Is there a way to get the number of childnodes from the XML
file and load it to a var x and loop
<li spry:if=" '{strategicx::Linkx}' != 'undefined' "
class="SubMenu"><a href="{URLx}"
class="SubMenu">{Linkx}</a></li>
instead of repeating the spry:if 5 times
<li spry:if=" '{strategic1::Link1}' != 'undefined' "
class="SubMenu"><a href="{URL1}"
class="SubMenu">{Link1}</a></li>
<li spry:if=" '{strategic1::Link2}' != 'undefined' "
class="SubMenu"><a href="{URL2}"
class="SubMenu">{Link1}</a></li>
<li spry:if=" '{strategic1::Link3}' != 'undefined' "
class="SubMenu"><a href="{URL3}"
class="SubMenu">{Link1}</a></li>
<li spry:if=" '{strategic1::Link4}' != 'undefined' "
class="SubMenu"><a href="{URL4}"
class="SubMenu">{Link1}</a></li>
<li spry:if=" '{strategic1::Link5}' != 'undefined' "
class="SubMenu"><a href="{URL5}"
class="SubMenu">{Link1}</a></li>

Answer 1

Siva,
My suggestion:
1). Create a managed bean that contains nested java.util.List's or java.util.Array's that read the menu hierarchy from the database
2). Use af:forEach tags inside of af:panelAccordion to iterate through the menu structure and stamp out the menu items.
John