Package | mx.collections |
Class | public class GroupingField |
Inheritance | GroupingField Object |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
To populate the AdvancedDataGrid control with grouped data,
you create an instance of the GroupingCollection class from your flat data,
and then pass that GroupingCollection instance to the data provider
of the AdvancedDataGrid control.
To specify the grouping fields of your flat data,
you pass a Grouping instance to
the GroupingCollection.grouping
property.
The Grouping instance contains an Array of GroupingField instances,
one per grouping field.
The following example uses the Grouping class to define two grouping fields: Region and Territory.
<mx:AdvancedDataGrid id="myADG" <mx:dataProvider> <mx:GroupingCollection id="gc" source="{dpFlat}"> <mx:grouping> <mx:Grouping> <mx:GroupingField name="Region"/> <mx:GroupingField name="Territory"/> </mx:Grouping> </mx:grouping> </mx:GroupingCollection> </mx:dataProvider> <mx:columns> <mx:AdvancedDataGridColumn dataField="Region"/> <mx:AdvancedDataGridColumn dataField="Territory"/> <mx:AdvancedDataGridColumn dataField="Territory_Rep"/> <mx:AdvancedDataGridColumn dataField="Actual"/> <mx:AdvancedDataGridColumn dataField="Estimate"/> </mx:columns> </mx:AdvancedDataGrid>MXML SyntaxHide MXML Syntax
<mx.GroupingField>
inherits all the tag attributes of its superclass,
and defines the following tag attributes:
<mx:GroupingField Properties caseInsensitive="false|true" compareFunction="No default" descending="false|true" groupingFunction="No default" groupingObjectFunction="No default" name="null" numeric="false|true" summaries="No default" />
Default MXML Propertysummaries
More examples
Related API Elements
Property | Defined By | ||
---|---|---|---|
caseInsensitive : Boolean
Set to true if the sort for this field should be case-insensitive. | GroupingField | ||
compareFunction : Function
The function that compares two items during a sort of items for the
associated collection. | GroupingField | ||
constructor : Object
A reference to the class object or constructor function for a given object instance. | Object | ||
descending : Boolean
Set to true if the sort for this field should be
in descending order. | GroupingField | ||
groupingFunction : Function
A function that determines the label for this group. | GroupingField | ||
groupingObjectFunction : Function
A callback function to run on each group node to determine the
grouping object. | GroupingField | ||
name : String
The name of the field to be sorted. | GroupingField | ||
numeric : Boolean
Specifies that if the field being sorted contains numeric
(Number/int/uint) values, or String representations of numeric values,
the comparitor uses a numeric comparison. | GroupingField | ||
prototype : Object [static]
A reference to the prototype object of a class or function object. | Object | ||
summaries : Array
Array of SummaryRow instances that define the group-level summaries. | GroupingField |
Method | Defined By | ||
---|---|---|---|
GroupingField(name:String = null, caseInsensitive:Boolean = false, descending:Boolean = false, numeric:Boolean = false)
Constructor. | GroupingField | ||
Indicates whether an object has a specified property defined. | Object | ||
Indicates whether an instance of the Object class is in the prototype chain of the object specified
as the parameter. | Object | ||
Indicates whether the specified property exists and is enumerable. | Object | ||
Sets the availability of a dynamic property for loop operations. | Object | ||
Returns the string representation of this object, formatted according to locale-specific conventions. | Object | ||
Returns the string representation of the specified object. | Object | ||
Returns the primitive value of the specified object. | Object |
caseInsensitive | property |
caseInsensitive:Boolean
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
Set to true
if the sort for this field should be case-insensitive.
The default value is false.
Implementation
public function get caseInsensitive():Boolean
public function set caseInsensitive(value:Boolean):void
compareFunction | property |
compareFunction:Function
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
The function that compares two items during a sort of items for the
associated collection. If you specify a compareFunction
property in a Grouping object, Flex ignores any compareFunction
properties of the GroupingField objects.
The compare function must have the following signature:
function myCompare(a:Object, b:Object):int
This function must return the following values:
- -1, if
a
should appear beforeb
in the sorted sequence. - 0, if
a
equalsb
. - 1, if
a
should appear afterb
in the sorted sequence.
The default value is an internal compare function that can perform a string, numeric, or date comparison in ascending or descending order, with case-sensitive or case-insensitive string comparisons. Specify your own function only if you need a custom comparison algorithm. This is normally only the case if a calculated field is used in a display.
Implementation
public function get compareFunction():Function
public function set compareFunction(value:Function):void
descending | property |
descending:Boolean
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
Set to true
if the sort for this field should be
in descending order.
The default value is false.
Implementation
public function get descending():Boolean
public function set descending(value:Boolean):void
groupingFunction | property |
public var groupingFunction:Function
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
A function that determines the label for this group.
By default,
the group displays the text for the field in the data that matches the
filed specified by the name
property.
However, sometimes you want to group the items based on
more than one field in the data, or group based on something that is
not a simple String field.
In such a case, you specify a callback function by using
the groupingFunction
property.
A callback function might convert a number for the month into the String for the month, or group multiple items into a single group based on some criteria other than the actual value of the field.
For the GroupField, the method signature has the following form:
groupingFunction(item:Object, field:GroupField):String
Where item
contains the data item object, and
field
contains the GroupField object.
groupingFunction
which returns the
first character as the group name can be written as -
private function groupFunc(item:Object, field:GroupingField):String { return item[field.name].toString().substr(0, 1); }
groupingObjectFunction | property |
public var groupingObjectFunction:Function
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
A callback function to run on each group node to determine the grouping object. By default, a new Object will be created for group nodes.
You can supply a groupingObjectFunction
that provides the
appropriate Object for group nodes.
The method signature is:
myGroupObjectFunction(label:String):Object
Where label
contains the value that will be
shown for that group node.
The function returns an Object that will be used for group nodes.
groupingObjectFunction
which returns an Object
containing a "name" property with value as "Bob" can be written as -
private function groupObjFunction(label:String):Object { var obj:Object = {}; obj.name = "Bob"; return obj; }
name | property |
numeric | property |
numeric:Boolean
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
Specifies that if the field being sorted contains numeric
(Number/int/uint) values, or String representations of numeric values,
the comparitor uses a numeric comparison.
If this property is false
, fields with String representations
of numbers are sorted using String comparison, so 100 precedes 99,
because "1" is a lower string value than "9".
The default value is false.
Implementation
public function get numeric():Boolean
public function set numeric(value:Boolean):void
summaries | property |
public var summaries:Array
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
Array of SummaryRow instances that define the group-level summaries. Specify one or more SummaryRow instances to define the data summaries, as the following example shows:
<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:summaries> <mx:SummaryRow summaryPlacement="group"> <mx:fields> <mx:SummaryField dataField="Actual" label="Min Actual" operation="MIN"/> <mx:SummaryField dataField="Actual" label="Max Actual" operation="MAX"/> </mx:fields> </mx:SummaryRow> </mx:summaries> </mx:GroupingField> </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:columns> </mx:AdvancedDataGrid>
Related API Elements
GroupingField | () | Constructor |
public function GroupingField(name:String = null, caseInsensitive:Boolean = false, descending:Boolean = false, numeric:Boolean = false)
Language Version: | ActionScript 3.0 |
Product Version: | Flex 3 |
Runtime Versions: | Flash Player 9, AIR 1.1 |
Constructor.
Parametersname:String (default = null ) — The name of the property that this field uses for
comparison.
If the object is a simple type, pass null .
| |
caseInsensitive:Boolean (default = false ) — When sorting strings, tells the comparitor
whether to ignore the case of the values.
| |
descending:Boolean (default = false ) — Tells the comparator whether to arrange items in
descending order.
| |
numeric:Boolean (default = false ) — Tells the comparitor whether to compare sort items as
numbers, instead of alphabetically.
|
Mon Nov 28 2011, 06:48 AM -08:00