Sorting XML documents using an XMLListCollection

The following example shows how you can sort an XML document by converting it into an XMLListCollection and applying a sort. You can also easily reverse the current sort by calling the SortField object’s reverse() method and refreshing the XMLListCollection object

<? xml version="1.0" encoding="utf-8" ?>
<!--  http://blog.flexexamples.com/2007/12/04/sorting-xml-documents-using-an-xmllistcollection/  -->
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"
        layout ="vertical"
        verticalAlign ="middle"
        backgroundColor ="white" >

     < mx:Script >
         <![CDATA[
            import mx.utils.StringUtil;

            private function list_labelFunc(item:Object):String {
                return StringUtil.substitute("{0} {1} ({2} {3})",
                        item.@label, // city
                        item.@name, // name
                        item.parent().parent().@abbrev, // league
                        item.parent().@label); // division
            }

            private function checkBox_click(evt:MouseEvent):void {
                sortField.reverse();
                xmlListColl.refresh();
            }
         ]]>
     </ mx:Script >

     < mx:XML  id ="mlb"  source ="mlb.xml"   />

     < mx:XMLListCollection  id ="xmlListColl"
            source ="{mlb.league.division.team}" >
         < mx:sort >
             < mx:Sort >
                 < mx:fields >
                     < mx:SortField  id ="sortField"
                            name ="@label"
                            caseInsensitive ="true"   />
                 </ mx:fields >
             </ mx:Sort >
         </ mx:sort >
     </ mx:XMLListCollection >

     < mx:ApplicationControlBar  dock ="true" >
         < mx:CheckBox  id ="checkBox"
                label ="reverse()"
                labelPlacement ="left"
                click ="checkBox_click(event);"   />
     </ mx:ApplicationControlBar >

     < mx:List  id ="list"
            dataProvider ="{xmlListColl}"
            labelFunction ="list_labelFunc"
            width ="300"
            rowCount ="8"   />

</ mx:Application >