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

评论

1 楼 xanodu 2010-08-31  

你的第二个例子根本就没设dataProvider嘛