<?xml version="1.0" encoding="utf-8"?>

<!--Flex中如何创建一个可以弹出DataGrid作为菜单的PopUpButton的例子 PopUpButtonDataGrid.mxml-->

<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" minWidth="955" minHeight="600">

    <fx:Script>

        <![CDATA[

            import mx.collections.ArrayCollection;

        ]]>

    </fx:Script>

    <fx:Declarations>

        <!-- 将非可视元素（例如服务、值对象）放在此处 -->

        <fx:Array id="arr">

            <fx:Object label="《霹雳先锋》香港票房8916612" actor="Steven Chow"/>

            <fx:Object label="《捕风汉子》香港票房3149395" actor="Steven Chow"/>

            <fx:Object label="《小偷阿星》香港票房7968106 " actor="Steven Chow"/>

            <fx:Object label="笑傲江湖之东方不败（1992）" actor="Jet Li"/>

            <fx:Object label="精武英雄（1994）" actor="Jet Li"/>

            <fx:Object label="给爸爸的信（1995）" actor="Jet Li"/>

        </fx:Array>

    </fx:Declarations>

    <fx:Style>

        @namespace s "library://ns.adobe.com/flex/spark";

        @namespace mx "library://ns.adobe.com/flex/mx";

        mx|PopUpButton {

            popUpStyleName: myCustomPopUpStyleName;

        }

        .myCustomPopUpStyleName {

            fontWeight: normal;

            textAlign: left;

        }

    </fx:Style>

    <mx:PopUpButton id="popUpButton" label="Click to open..." openAlways="true">

        <mx:popUp>

            <!--<mx:DataGrid dataProvider="{arr}" draggableColumns="true" rowCount="4"     width="400">

                <mx:columns>

                    <mx:DataGridColumn dataField="label"  headerText="workers:" />

                    <mx:DataGridColumn dataField="actor"  headerText="actors:" />

                </mx:columns>

            </mx:DataGrid>-->

            <s:DataGrid dataProvider="{new ArrayCollection(arr)}"  height="100" width="400" >

                <s:columns>

                    <s:ArrayList>

                        <s:GridColumn dataField="label" headerText="workers:"/>

                        <s:GridColumn dataField="actor" headerText="actors:"/>

                    </s:ArrayList>

                </s:columns>

            </s:DataGrid>

        </mx:popUp>

    </mx:PopUpButton>

</s:Application>