Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Flex AdvancedDataGrid – Créer plusieurs SummaryRow (bilans)

Vous pouvez spécifier plusieurs instances de SummaryRow pour une seule instance de GroupingField. Dans les exemples Flex sur les SummaryRow précédents, on en utilisait qu'une seule.

Dans cet exemple, on va créer des Summary pour définir les champs suivants: Min Actual, Max Actual, Min Estimate et Max Estimate pour le groupe "Region" dans notre AdvancedDataGrid:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
	<mx:Script>
	<![CDATA[
		import mx.collections.ArrayCollection;
		include "SimpleFlatData.as"
	]]>
	</mx:Script>

<mx:AdvancedDataGrid id="myADG"
width="100%" height="100%"
initialize="gc.refresh();">
<mx:dataProvider>
	<mx:GroupingCollection id="gc" source="{dpFlat}">
		<mx:Grouping>
			<mx:GroupingField name="Region">
				<mx:SummaryRow summaryPlacement="group">
					<mx:SummaryField operation="MIN"
					dataField="Actual" label="Min Actual"/>
					<mx:SummaryField operation="MAX"
					dataField="Actual" label="Max Actual"/>
				</mx:SummaryRow>
				<mx:SummaryRow summaryPlacement="group">
					<mx:SummaryField operation="MIN"
					dataField="Estimate" label="Min Estimate"/>
					<mx:SummaryField operation="MAX"
					dataField="Estimate" label="Max Estimate"/>
				</mx:SummaryRow>
			</mx:GroupingField>
			<mx:GroupingField name="Territory"/>
		</mx:Grouping>
	</mx:GroupingCollection>
</mx:dataProvider>
<mx:columns>
	<mx:AdvancedDataGridColumn dataField="Region"/>
	<mx:AdvancedDataGridColumn dataField="Territory_Rep"
	headerText="Territory Rep"/>
	<mx:AdvancedDataGridColumn dataField="Actual"/>
	<mx:AdvancedDataGridColumn dataField="Estimate"/>
	<mx:AdvancedDataGridColumn dataField="Min Actual"/>
	<mx:AdvancedDataGridColumn dataField="Max Actual"/>
	<mx:AdvancedDataGridColumn dataField="Min Estimate"/>
	<mx:AdvancedDataGridColumn dataField="Max Estimate"/>
</mx:columns>
</mx:AdvancedDataGrid>
</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application