FLEX实践—AdvanceDatagrid默认展开

AdvanceDataGrid默认设置下数据分组后无法全部展开演示，以下代码将实现该功能：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top" horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html" creationComplete="init()"> <mx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; private function init():void { //this.myADG.dataProvider=gc; this.myADG.expandAll(); } [Bindable] private var dpFlat:ArrayCollection=new ArrayCollection([{Region: "Southwest", Territory: "Arizona", Territory_Rep: "Barbara Jennings", Actual: 38865, Estimate: 40000}, {Region: "Southwest", Territory: "Arizona", Territory_Rep: "Dana Binn", Actual: 29885, Estimate: 30000}, {Region: "Southwest", Territory: "Central California", Territory_Rep: "Joe Smith", Actual: 29134, Estimate: 30000}, {Region: "Southwest", Territory: "Nevada", Territory_Rep: "Bethany Pittman", Actual: 52888, Estimate: 45000}, {Region: "Southwest", Territory: "Northern California", Territory_Rep: "Lauren Ipsum", Actual: 38805, Estimate: 40000}, {Region: "Southwest", Territory: "Northern California", Territory_Rep: "T.R. Smith", Actual: 55498, Estimate: 40000}, {Region: "Southwest", Territory: "Southern California", Territory_Rep: "Alice Treu", Actual: 44985, Estimate: 45000}, {Region: "Southwest", Territory: "Southern California", Territory_Rep: "Jane Grove", Actual: 44913, Estimate: 45000}, {Region: "NorthEast", Territory: "New York", Territory_Rep: "Jose Rodriguez", Actual: 26992, Estimate: 30000}, {Region: "NorthEast", Territory: "New York", Territory_Rep: "lisa Sims", Actual: 47885, Estimate: 50000}, {Region: "NorthEast", Territory: "Massachusetts", Territory_Rep: "kelly o'connell", Actual: 172911, Estimate: 20000}, {Region: "NorthEast", Territory: "Pennsylvania", Territory_Rep: "John Barnes", Actual: 32105, Estimate: 30000}, {Region: "MidWest", Territory: "Illinois", Territory_Rep: "Seth Brown", Actual: 42511, Estimate: 40000}]); public function getRowNum(grid:AdvancedDataGrid):Function { return function(oItem:Object, iCol:int):String { var iIndex:int=(grid.dataProvider as ArrayCollection).getItemIndex(oItem) + 1; return String(iIndex); } } ]]--> </mx:Script> <mx:Panel title="AdvancedDataGrid Control" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" paddingTop="5" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center"> <mx:AdvancedDataGrid id="myADG" width="100%" height="100%" color="0x323232" initialize="gc.refresh();"> <!--调用refresh()来更新视图--> <mx:dataProvider> <mx:GroupingCollection id="gc" source="{dpFlat}"> <mx:Grouping> <!--这个grouping的作用是指示生成的列表按照哪个字段进行排序--> <mx:GroupingField name="Region"/> <mx:GroupingField name="Territory"/> </mx:Grouping> </mx:GroupingCollection> </mx:dataProvider> <mx:columns> <!--这里是设定列标题--> <mx:AdvancedDataGridColumn dataField="Territory" sortable="false"/> <mx:AdvancedDataGridColumn dataField="Region" headerText="地区"/> <mx:AdvancedDataGridColumn dataField="Territory"/> <mx:AdvancedDataGridColumn dataField="Territory_Rep" headerText="Territory Rep"/> <!--指定了headerText则显示此内容,默认显示dataField的内容--> <mx:AdvancedDataGridColumn dataField="Actual"/> <mx:AdvancedDataGridColumn dataField="Estimate"/> </mx:columns> </mx:AdvancedDataGrid> </mx:Panel> </mx:Application>

注：以下代码无法实现默认展开功能

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top" horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html" creationComplete="init()"> <mx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; private function init():void { this.myADG.dataProvider=gc; this.myADG.expandAll(); } [Bindable] private var dpFlat:ArrayCollection=new ArrayCollection([{Region: "Southwest", Territory: "Arizona", Territory_Rep: "Barbara Jennings", Actual: 38865, Estimate: 40000}, {Region: "Southwest", Territory: "Arizona", Territory_Rep: "Dana Binn", Actual: 29885, Estimate: 30000}, {Region: "Southwest", Territory: "Central California", Territory_Rep: "Joe Smith", Actual: 29134, Estimate: 30000}, {Region: "Southwest", Territory: "Nevada", Territory_Rep: "Bethany Pittman", Actual: 52888, Estimate: 45000}, {Region: "Southwest", Territory: "Northern California", Territory_Rep: "Lauren Ipsum", Actual: 38805, Estimate: 40000}, {Region: "Southwest", Territory: "Northern California", Territory_Rep: "T.R. Smith", Actual: 55498, Estimate: 40000}, {Region: "Southwest", Territory: "Southern California", Territory_Rep: "Alice Treu", Actual: 44985, Estimate: 45000}, {Region: "Southwest", Territory: "Southern California", Territory_Rep: "Jane Grove", Actual: 44913, Estimate: 45000}, {Region: "NorthEast", Territory: "New York", Territory_Rep: "Jose Rodriguez", Actual: 26992, Estimate: 30000}, {Region: "NorthEast", Territory: "New York", Territory_Rep: "lisa Sims", Actual: 47885, Estimate: 50000}, {Region: "NorthEast", Territory: "Massachusetts", Territory_Rep: "kelly o'connell", Actual: 172911, Estimate: 20000}, {Region: "NorthEast", Territory: "Pennsylvania", Territory_Rep: "John Barnes", Actual: 32105, Estimate: 30000}, {Region: "MidWest", Territory: "Illinois", Territory_Rep: "Seth Brown", Actual: 42511, Estimate: 40000}]); public function getRowNum(grid:AdvancedDataGrid):Function { return function(oItem:Object, iCol:int):String { var iIndex:int=(grid.dataProvider as ArrayCollection).getItemIndex(oItem) + 1; return String(iIndex); } } ]]--> </mx:Script> <mx:GroupingCollection id="gc" source="{dpFlat}"> <mx:Grouping> <!--这个grouping的作用是指示生成的列表按照哪个字段进行排序--> <mx:GroupingField name="Region"/> <mx:GroupingField name="Territory"/> </mx:Grouping> </mx:GroupingCollection> <mx:Panel title="AdvancedDataGrid Control" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" paddingTop="5" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center"> <mx:AdvancedDataGrid id="myADG" width="100%" height="100%" color="0x323232" initialize="gc.refresh();"> <!--调用refresh()来更新视图--> <mx:columns> <!--这里是设定列标题--> <mx:AdvancedDataGridColumn dataField="Territory" sortable="false"/> <mx:AdvancedDataGridColumn dataField="Region" headerText="地区"/> <mx:AdvancedDataGridColumn dataField="Territory"/> <mx:AdvancedDataGridColumn dataField="Territory_Rep" headerText="Territory Rep"/> <!--指定了headerText则显示此内容,默认显示dataField的内容--> <mx:AdvancedDataGridColumn dataField="Actual"/> <mx:AdvancedDataGridColumn dataField="Estimate"/> </mx:columns> </mx:AdvancedDataGrid> </mx:Panel> </mx:Application>

两段代码只有myADG.dataProvider的设置方式有区别，但结果却不一样，有兴趣的朋友可以自己试一下这两段代码。