[flex_india:34629] Flex menu parent item click.

[Jignesh Wala]

HI All,

Help needed. I am creating a menu using menu class. I want to trigger click
event when menu item has children.
e.g I want to trigger a click event on a submenuitem(SubMenuItem A-3-3)
which is a child of SubMenuItem A-3.(is a child of SubMenuItem A.)

PFA image & sample for reference:

Please help.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
viewSourceURL="srcview/index.html">
    <fx:Script>
        <![CDATA[
            import mx.controls.Menu;
            import mx.controls.Text;
            import mx.events.FlexEvent;
            import mx.events.MenuEvent;

            import spark.components.TextArea;

            protected var myMenu:Menu;

            protected function showHandler(event:MouseEvent):void
            {
                myMenu = Menu.createMenu(null, myMenuData, false);
                myMenu.labelField="@label";
                myMenu.show(90, 35);
                myMenu.addEventListener(MenuEvent.CHANGE,onMenuChange);

            }

            protected function hideHandler(event:MouseEvent):void
            {
                myMenu.hide();
            }

            protected function onMenuChange(event:MenuEvent):void
            {
                lblSelected.text =  event.label;
            }

        ]]>
    </fx:Script>


    <fx:Declarations>
        <fx:XML format="e4x" id="myMenuData">
            <root>
                <menuitem label="MenuItem A" >
                    <menuitem label="SubMenuItem A-1" enabled="false"/>
                    <menuitem label="SubMenuItem A-2"/>
                    <menuitem label="SubMenuItem A-3" >
                        <menuitem label="SubMenuItem A-3-1"/>
                        <menuitem label="SubMenuItem A-3-2"/>
                        <menuitem label="SubMenuItem A-3-3" >
                            <menuitem label="SubMenuItem A-3-3-1"/>
                            <menuitem label="SubMenuItem A-3-3-2"/>
                        </menuitem>
                    </menuitem>
                </menuitem>
                <menuitem label="MenuItem B" type="check" toggled="true"/>
                <menuitem label="MenuItem C" type="check" toggled="false"/>
                <menuitem type="separator"/>
                <menuitem label="MenuItem D" >
                    <menuitem label="SubMenuItem D-1" type="radio"
                              groupName="one"/>
                    <menuitem label="SubMenuItem D-2" type="radio"
                              groupName="one" toggled="true"/>
                    <menuitem label="SubMenuItem D-3" type="radio"
                              groupName="one"/>
                </menuitem>
            </root>
        </fx:XML>
    </fx:Declarations>

    <s:Panel title="Menu Sample" width="100%" height="100%"
skinClass="menuPanel" >
        <s:HGroup bottom="15" horizontalCenter="0" verticalAlign="middle">
            <s:Button label="Show Menu" click="showHandler(event)" />
            <s:Button label="Hide Menu" click="hideHandler(event)" />
            <s:Label text="Menu Item Selected:" fontWeight="bold"
fontSize="12" color="0x336699"/>
            <s:Label id="lblSelected" />
        </s:HGroup>
        <s:Label width="220" color="#323232" top="15" right="50"
                 text="The Menu control is a pop-up control that contains a
menu of individually selectable choices. You use ActionScript
                 to create a Menu control that pops up in response to a user
action, typically as part of an event listener."/>

    </s:Panel>

</s:Application>

-- 
You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to flex_india@googlegroups.com.
To unsubscribe from this group, send email to 
flex_india+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=en.

<<attachment: Untitled.png>>