menubar with susbsitems events

Question

hi can any one help me regarding the events related to menubar sub items, here is some code iam working with

        <menuitem label="Home"/>
        <menuitem label="AboutUs"/>
        <menuitem label="CoursesOffered">
            <menuitem label="UG">
              <menuitem label="CSE"/>
              <menuitem label="EEE"/>
              <menuitem label="ECE"/>
              <menuitem label="IT"/>
              <menuitem label="MECH"/>
              <menuitem label="CIVIL"/>
            </menuitem>
            <menuitem label="PG">
              <menuitem label="CSE"/>
              <menuitem label="ECE"/>
              <menuitem label="MCA"/>
            </menuitem>
        </menuitem>
        <menuitem label="Departments">
           <menuitem label="CSE" >
              <menuitem label="HOD" />
              <menuitem label="Staff" />
              <menuitem label="DeparmentGallary"/>
           </menuitem>
           <menuitem label="ECE">
              <menuitem label="HOD"/>
              <menuitem label="Staff" />
              <menuitem label="DeparmentGallary"/>
           </menuitem>
           <menuitem label="EEE">
             <menuitem label="HOD"/>
             <menuitem label="Staff" />
             <menuitem label="DeparmentGallary" />
           </menuitem>
           <menuitem label="IT">
             <menuitem label="HOD"/>
             <menuitem label="Staff"/>
             <menuitem label="DeparmentGallary"/>
           </menuitem>
           <menuitem label="MECH">
             <menuitem label="HOD"/>
             <menuitem label="Staff"/>
             <menuitem label="DeparmentGallary"/>
           </menuitem>
           <menuitem label="CIVIL">
             <menuitem label="HOD"/>
             <menuitem label="Staff"/>
             <menuitem label="DeparmentGallary"/>
           </menuitem>
           <menuitem label="SH"/>
        </menuitem>
        <menuitem label="ExaminationSection"/>
        <menuitem label="TrainingAndPlacement"/>
        <menuitem label="Alumni"/>
        <menuitem label="ContactUs"/>

i want to handle events wen particular subitem is clicked

for example ,if submnu item hod of cse is clicked it should go to the particular mxml page ,and if hod of ece is clicked it shold goto other page how do i differentiate each page of particular deparment how do select that particulasr item of that particular submenu itm if any one knows plz help meeeeeeee...................?????

Answer 1

The easiest way is to add an id attribute to any menu item that is a leaf and store those id values in static constant fields in the corresponding class.

public static const None:Number = 0;
public static const CSE_HOD:Number = 12;
public static const CSE_STAFF:Number = 13;
//and so on

in the dataProvider

<menuitem label="CSE" id="0">
  <menuitem label="HOD" id="12"/>
  <menuitem label="Staff" id="13"/>
</menuitem>
<menuitem label="ECE" id="0">

and the itemClick event handler of the MenuBar

switch(Number(menuEvent.item.@id))
{
  case CSE_HOD:
    //deal with cse hod here
    break;
  case CSE_STAFF:
    //deal with cse staff here
    break;
    //and so on
  default:break; //switch defaults for non leaf menu items like CSE etc
}