Java Development Tools

Hi OTN,

I am using Jdeveloper 11 G R1 and ADF Faces. In my requirement,I want to expand a specific commandMenu item while clicking or mouse over the root menu.Plz see the jspz code below



<af:menuBar id="mb1" binding="#{backing_Home.mbar}">
<af:menu text="menu 1" id="menu1" clientComponent="true"
binding="#{backing_Home.menu1}">
<af:commandMenuItem text="Home" id="commandMenuItem6"
type="radio"
binding="#{backing_Home.home}"
selected="false"/>
<af:commandMenuItem text="Page 1" id="commandMenuItem1"
binding="#{backing_Home.page1}"
type="radio" selected="false"/>
<af:commandMenuItem text="Page 2" id="commandMenuItem3"
binding="#{backing_Home.page2}"
type="radio" selected="false"/>
<af:menu text="menu 2" id="menu2"
binding="#{backing_Home.menu2}"
clientComponent="true">
<af:commandMenuItem text="Page 3" id="commandMenuItem4"
binding="#{backing_Home.page3}"
type="radio" selected="false"/>
<af:commandMenuItem text="Page 4" id="commandMenuItem5"
binding="#{backing_Home.page4}"
type="radio" selected="false"/>
<af:menu text="menu 3" id="menu3"
binding="#{backing_Home.menu3}"
clientComponent="true">
<af:commandMenuItem text="Page 5" id="page5"
binding="#{backing_Home.page5}"
selected="true" type="radio"/>
</af:menu>
</af:menu>
<af:clientListener method="mouseListener" type="mouseOver"/>
</af:menu>
</af:menuBar>





Java Script


function mouseListener(event)
{

var adfRichMenu = event.getSource().findComponent("menu1");
var peer=adfRichMenu.getPeer();
peer.show(null,true);


var adfRichMenu2 = event.getSource().findComponent("menu2");
var peer2=adfRichMenu2.getPeer();
peer2.show(null,true);


var adfRichMenu3 = event.getSource().findComponent("menu3");
var peer3=adfRichMenu3.getPeer();
peer3.show(null,true);

event.cancel();
}



Dinil Mithra V S