AdvancedDataGrid完整示例 datavisualization.swc

datavisualization.swc 下载地址：

 

http://download.csdn.net/source/3065436

 

 

 

 

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"> 
 
    <mx:Style> 
    AdvancedDataGrid {  
       alternatingItemColors: #ffffff, #ffffcc;  
       headerColors: #99ccff, #e6eeee;  
       border-width:10px 2px 5px;  
       corner-radius:30px 30px;  
         
    }  
 
</mx:Style> 
 
    <mx:AdvancedDataGrid x="25" y="10" id="ad" designViewDataType="flat" width="90%" height="60%" fontSize="12" selectionMode="multipleRows" selectable="true" 
                         headerSortSeparatorSkin="mx.skins.ProgrammaticSkin" creationComplete="gc.refresh();" itemClick="showValue(event)" styleFunction="myStyle"> 
        <mx:dataProvider> 
        <mx:GroupingCollection id="gc" source="{arr}"> 
                <mx:Grouping> 
                    <mx:GroupingField name="year"> 
                        <mx:summaries> 
                            <mx:SummaryRow summaryPlacement="last group"> 
                                <mx:fields> 
                                    <mx:SummaryField dataField="total" operation="SUM" label="total"/> 
                                    <mx:SummaryField dataField="year" operation="MAX" label="year"/> 
                                </mx:fields> 
                            </mx:SummaryRow> 
                        </mx:summaries> 
                    </mx:GroupingField> 
                </mx:Grouping> 
            </mx:GroupingCollection> 
        </mx:dataProvider> 
        <mx:groupedColumns> 
            <mx:AdvancedDataGridColumnGroup headerText="国家"> 
                <mx:AdvancedDataGridColumnGroup headerText="省-市"> 
                    <mx:AdvancedDataGridColumn headerText="城市" dataField="city"/> 
                    <mx:AdvancedDataGridColumn headerText="省份" dataField="provice"/> 
                </mx:AdvancedDataGridColumnGroup> 
                <mx:AdvancedDataGridColumn headerText="数量" dataField="total"/> 
                <mx:AdvancedDataGridColumn headerText="年度" dataField="year"> 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:CheckBox label="{data.year}"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:AdvancedDataGridColumn> 
            </mx:AdvancedDataGridColumnGroup> 
 
        </mx:groupedColumns> 
    </mx:AdvancedDataGrid> 
 
    <mx:Script> 
        <!--[CDATA[  
            import mx.controls.DataGrid;  
            import mx.collections.SummaryObject;  
            import mx.events.AdvancedDataGridEvent;  
            import mx.events.ListEvent;  
            import mx.collections.GroupingField;  
            import mx.controls.Alert;  
            import mx.collections.ArrayCollection;  
 
            var arr:ArrayCollection=new ArrayCollection([{year:2009,city:"Shanghai",provice:"上海",total:580000},{year:2009,city:"Beijing",provice:"河北省",total:7852020},{year:2009,city:"Nanjing",provice:"江苏省",total:895145},  
                {year:2009,city:"Hangzhou",provice:"浙江省",total:4132415},{year:2008,city:"Shanghai",provice:"上海",total:12345},{year:2008,city:"Beijing",provice:"河北省",total:7852020},{year:2008,city:"Nanjing",provice:"江苏省",total:18524},  
                {year:2008,city:"Hangzhou",provice:"浙江省",total:4132415}]);  
 
            //AD表格的样式  
            private function myStyle(data:Object,column:AdvancedDataGridColumn):Object  
            {  
                var output:Object;  
                if(data.children!=null){  
                    output={color:"red",fontWeight:"bold"};  
                }  
                return output;   
            }  
 
//           private function summaryFun():SummaryObject{  
//                
//           }  
            /*===============右键菜单=================*/  
            private var meunu1:ContextMenuItem;  
            private var meunu2:ContextMenuItem;  
 
            public function init():void  
            {  
                meunu1=new ContextMenuItem("最大化");  
                meunu2=new ContextMenuItem("还原",true);  
 
                meunu1.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,menuHandle);  
                meunu2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,menuHandle);  
 
                var menu:ContextMenu=new ContextMenu();  
                menu.hideBuiltInItems();  
                menu.customItems.push(meunu1);  
                menu.customItems.push(meunu2);  
                this.ad.contextMenu=menu;  
 
 
            }  
        /*===============右键菜单事件=================*/  
            private function menuHandle(e:ContextMenuEvent):void  
            {  
                switch(e.target.caption)  
                {  
                    case "最大化":  
                        this.ad.percentWidth=100;  
                        this.ad.percentHeight=100;  
                        break;  
                    case "还原":  
                        this.ad.percentHeight=60;  
                        this.ad.percentWidth=60;  
                        break;  
                }  
            }  
 
            /*================选择的值===================*/  
            private function showValue(event:ListEvent):void  
            {  
                //Alert.show(ad.selectedItem.city+" 省份-"+ad.selectedItem.provice);  
 
                var arr:Array=ad.selectedItems;  
                txtA.text="";  
                for(var i=0;i<arr.length;i++)  
                {  
                    txtA.text+="城市："+arr[i].city+"/n省份："+arr[i].provice+"/n数量："+arr[i].total+"/n";  
                    txtA.text+="---------------"+"/n"  
                }  
 
            }  
              
 
        ]]--> 
 
 
    </mx:Script> 
    <mx:TextArea x="24" y="{this.ad.height+20}" width="300" height="200" id="txtA" fontSize="12"/> 
</mx:Application> 

Flexicious Ultimate DataGrid

http://www.flexicious.com/Home/Ultimate

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/xuhuanchao/archive/2009/11/07/4783141.aspx#