Peter

Here’s an example of sorting XMLListCollection using MXML and ActionScript:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            import mx.collections.SortField;
            import mx.collections.Sort;

            private function sortByField(value:String,
                        isNumeric:Boolean = false,
                        isDescending:Boolean = false):Boolean {
                var sortField:SortField = new SortField(value);
                sortField.numeric = isNumeric;
                sortField.descending = isDescending;
                var sort:Sort = new Sort();
                sort.fields = [sortField];
                xmlListColl.sort = sort;
                return xmlListColl.refresh();
            }
        ]]>
    </mx:Script>

    <mx:XMLListCollection id="xmlListColl">
        <mx:source>
            <mx:XMLList>
                <group name="Esthetique" value="2997" cost="0.52" />
                <group name="xx" value="652" cost="0.47" />
                <group name="xyt" value="652" cost="0.54" />
                <group name="sss" value="652" cost="0.23" />
                <group name="ffsdfsd" value="652" cost="0.82" />
            </mx:XMLList>
        </mx:source>
        <mx:sort>
            <mx:Sort>
                <mx:SortField name="@cost"
                        numeric="true"
                        descending="true" />
            </mx:Sort>
        </mx:sort>
    </mx:XMLListCollection>

    <mx:Panel>
        <mx:DataGrid dataProvider="{xmlListColl}" width="100%">
            <mx:columns>
                <mx:DataGridColumn dataField="@name" />
                <mx:DataGridColumn dataField="@cost" />
                <mx:DataGridColumn dataField="@value" />
            </mx:columns>
        </mx:DataGrid>
        <mx:ControlBar>
            <mx:Button label="Sort by @name"
                    click="sortByField('@name')" />
            <mx:Button label="Sort by @cost"
                    click="sortByField('@cost', true, true);" />
            <mx:Button label="Sort by @value"
                    click="sortByField('@value', true, true);" />
        </mx:ControlBar>
    </mx:Panel>

</mx:Application>

Happy Flexing!

Peter

Could you please give me an example to sort numeric data in XMLListCollection? Here is my sample XML

<group name="Esthetique" value="2997" cost="0.52">
<group name="xx" value="652" cost="0.47">
<group name="xyt" value="652" cost="0.54">
<group name="sss" value="652" cost="0.23">
<group name="ffsdfsd" value="652" cost="0.82">

Thanks,
VIvke

You see i needed to use a itemRenderer for each column in my datagrid meaning that i had to populate each column using the code “data.etc”, the problem comes into play when i want to sort a column that displays a child element of one of the objects in my arrayCollection, how do i go about doin this? Been battling for a day or two.
thanks,
jason

peter Oct 3rd, 2007 at 12:51 pm
If an ArrayCollection contains a number of Foo objects and Foo has an attribute an instance of the class Bar and Bar has an attribute of fizz, can a SortField be used to sort Foo’s by the fizz attribute? I’ve tried doing new SortField(’bar.fizz’) but get a runtime error stating that bar.fizz isn’t a property of Foo — even though it is. Is there any way around this?

thanks,
-bader

I haven’t tested it, but you could either try passing “false”, or perhaps just comment out/delete that line altogether.

Also, if you want to do a non-case-sensitive text search, you may want to try setting the caseInsensitive property to true.

Peter

Hey Peterd, if I want to sort by text what code should I replace for below?

dataSortField.numeric = true;

Thanks

Have phun,
Andrei