<?xml version="1.0" encoding="utf-8"?>

<!-- dpcontrols\sparkdpcontrols\SparkDGXMLSort.mxml -->

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

                           xmlns:s="library://ns.adobe.com/flex/spark"

                           xmlns:mx="library://ns.adobe.com/flex/mx"

                           width="500" height="600">

        <s:layout>

                <s:VerticalLayout paddingTop="10"/>

        </s:layout>

        <fx:Declarations>

                <fx:XMLList id="employees">

                        <employee>

                                <name>Joanne Wall</name>

                                <phone>555-219-2012</phone>

                                <email>jwall@fictitious.com</email>

                                <active>true</active>

                        </employee>

                        <employee>

                                <name>Mary Jones</name>

                                <phone>555-219-2000</phone>

                                <email>mjones@fictitious.com</email>

                                <active>true</active>

                        </employee>

                        <employee>

                                <name>mary jones</name>

                                <phone>555-219-2000</phone>

                                <email>mjones@fictitious.com</email>

                                <active>true</active>

                        </employee>

                        <employee>

                                <name>Maurice Smith</name>

                                <phone>555-219-2012</phone>

                                <email>maurice@fictitious.com</email>

                                <active>false</active>

                        </employee>

                        <employee>

                                <name>Dave Davis</name>

                                <phone>555-219-2000</phone>

                                <email>ddavis@fictitious.com</email>

                                <active>true</active>

                        </employee>

                        <employee>

                                <name>Tom Maple</name>

                                <phone>555-219-2000</phone>

                                <email>tmaple@fictitious.com</email>

                                <active>true</active>

                        </employee>

                </fx:XMLList>

                <s:XMLListCollection id="employees2" source="{employees}"/>

        </fx:Declarations>

        <fx:Script>

                <![CDATA[

                        import mx.events.DataGridEvent;

                        import mx.events.FlexEvent;

 

                        import spark.collections.Sort;

                        import spark.collections.SortField;

                        import spark.globalization.SortingCollator;

                        // Create an instance of the SortingCollator.

                        private var collator:SortingCollator = new SortingCollator();

                        // Define the sort compare function used by the first column.

                        private function sortCompareFunction(obj1:Object, obj2:Object, gc:GridColumn):int {

                                // Make the sort case insensitive. The default is case sensitive.

                                collator.ignoreCase = true;

                                return collator.compare(obj1[gc.dataField], obj2[gc.dataField]);

                        }

 

                ]]>

        </fx:Script>

        <s:Label text="Custom case insensitive sort of the Name colum"/>

        <s:DataGrid id="dg" width="500" dataProvider="{employees2}">

                <s:columns> 

                        <s:ArrayList >

                                <s:GridColumn dataField="name" headerText="Name"

                                                          sortCompareFunction="sortCompareFunction"/>

                        </s:ArrayList>

                </s:columns>

        </s:DataGrid>

        <s:Label text="Default case sensitive sort of the Name colum"/>

 

        <s:DataGrid id="dg1" width="500" dataProvider="{employees2}" >

                <s:columns>

                        <s:ArrayList>

                                <s:GridColumn dataField="phone" headerText="Phone"/>

                                <s:GridColumn dataField="email" headerText="Email"/>

                        </s:ArrayList>

                </s:columns>

        </s:DataGrid>

</s:Application>