2 Replies Latest reply on Jul 14, 2011 11:53 AM by sbrockman

    Two panelMenus on same page

    Andrey Ilyin D Newbie

      Hi All,

      I've got an issue which kinda bugs me. If there are two panelMenus on same page, selected one panelMenuItem in e.g. first menu, will deselect selected item on second menu. E.g.

      
      <rich:panelMenu mode="ajax" selectedChild="#{test1.selectedChild1}">
       <rich:panelMenuItem label="Test1-1" name="Test1-1" action="#{test1.select1}"/>
       <rich:panelMenuItem label="Test1-2" name="Test1-2" action="#{test1.select1}"/>
       <rich:panelMenuItem label="Test1-3" name="Test1-3" action="#{test1.select1}"/>
       </rich:panelMenu>
      
       <rich:panelMenu mode="ajax" selectedChild="#{test1.selectedChild2}">
       <rich:panelMenuItem label="Test2-1" name="Test2-1" action="#{test1.select2}"/>
       <rich:panelMenuItem label="Test2-2" name="Test2-2" action="#{test1.select2}"/>
       <rich:panelMenuItem label="Test2-3" name="Test2-3" action="#{test1.select2}"/>
       </rich:panelMenu>
      
      


      This will make two menus to appear and if you select e.g. Test1-1 and when Test2-2, it will only highlight Test-2-2.
      Is this behaviour normal or WAD?
      Is there any way to ovverride JS function which apply/remove selected style for item?

      Thanks,
      Andrey.