[Flex] PopUpButton系列 —— 将DataGrid作为弹出内容

<?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>