Flex DataGrid 添加超链接

蔚落 2022-07-12 06:26 210阅读 0赞

<?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    	<mx:Script>  
            <![CDATA[  
                import mx.collections.ArrayCollection;
                import mx.controls.Alert;
                [Bindable]  
                private var demoArr:ArrayCollection=new ArrayCollection  
                    ([{orgName:'杭州',amt:3654},  
                    {orgName:'嘉兴',amt:2000},  
                    {orgName:'绍兴',amt:1000},  
                    {orgName:'金华',amt:1200},  
                    {orgName:'宁波',amt:1800},  
                    {orgName:'台州',amt:560},  
                    {orgName:'丽水',amt:2300},  
                    {orgName:'湖州',amt:2900},  
                    {orgName:'衢州',amt:2600},  
                    {orgName:'温州',amt:1600},  
                    {orgName:'舟山',amt:1300}])  
                  
                //注意调用的方法是public的     
                public function clickEvent(ob:Object):void
                {
                	Alert.show(ob.toString(),"信息提示");
                }  
            ]]>  
        </mx:Script>  
          
        <mx:VBox width="100%"  
                 height="100%"  
                 horizontalAlign="center">  
            <mx:DataGrid width="400"  
                         height="500"  
                         dataProvider="{this.demoArr}">  
                <mx:columns>  
                    <mx:DataGridColumn headerText="单位">  
                        <mx:itemRenderer>  
                            <mx:Component>  
                                <mx:LinkButton label="{data.orgName}"  
                                               color="blue"  
                                               textDecoration="underline"  
                                               click="outerDocument.clickEvent(data.orgName)">  
                                </mx:LinkButton>  
                            </mx:Component>  
                        </mx:itemRenderer>  
                    </mx:DataGridColumn>  
      
                    <mx:DataGridColumn headerText="金额"  
                                       dataField="amt">  
                    </mx:DataGridColumn>  
      
                </mx:columns>  
            </mx:DataGrid>  
        </mx:VBox>
    </mx:Application>