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的设置方式有区别，但结果却不一样，有兴趣的朋友可以自己试一下这两段代码。