Q: How can I enable the hand cursor when the mouse rolls over the Accordion Menu or Accordion Tree Menu component instance ?

A: Each menu is composed of items that represent display object containers, so the useHandCursor and buttonMode properties have to be set to true for each one of these items and also the mouse actions have to be disabled for the children objects.

Place the AccordionTreeMenu component on the stage, give it an instance name of accTreeMenu and, from the Component Inspector panel, set the xmlPath property to an appropriate .xml file. Next, bring up the Actions panel and place the next code in it:

import com.jumpeye.Events.AccordionMenuEvents;


// You have to listen to the AccordionMenuEvents.DRAW event, to set the
// useHandCursor property of the items, because this is the
// moment when the items already exist (the drawing is done on
// the second frame of the component so on the first frame
// there are no items defined).
accTreeMenu.addEventListener(AccordionMenuEvents.DRAW, completeHandler);

function completeHandler(evtObj:AccordionMenuEvents):void {
    // The number of menu items.
    var length:Number = evtObj.target.items.length;
    // Go through all the menu items and set the header elements to use the hand
    // cursor (also you have to disable mouse events for the items' children).
    for(var i:int = 0; i < length; i++) {
        evtObj.target.items[i].header.buttonMode = true;
        evtObj.target.items[i].header.useHandCursor = true;
        evtObj.target.items[i].header.mouseChildren = false;
    }
}