[flexcoders] a simple way to search within a datagrid

[ew6014]

hi guys. ive been searching for a easy way to search within a datagrid and 
found an answer from flex 3 cookbook from orielly. but for some strange reason 
it does not work. when i click on search it doesnt do anything. can someone 
help me please



here is the code for the application
------------------------------------

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="vertical" 
creationComplete="initApp()">

    <mx:HTTPService id="srv" url="assets/homesforsale.xml" resultFormat="object"
        result="onResult(event)"/>

    <mx:Form>
        <mx:FormItem label="Search">
            <mx:TextInput id="search_ti"/>
        </mx:FormItem>
        <mx:FormItem>
            <mx:Button label="Search City" click="searchCity()"/>
        </mx:FormItem>
    </mx:Form>

    <mx:DataGrid id="grid" width="300" height="150" editable="true" 
dataProvider="{homesForSale}">
        <mx:columns>
            <mx:DataGridColumn headerText="Total No." dataField="total"/>
            <mx:DataGridColumn headerText="City" dataField="city"/>
            <mx:DataGridColumn headerText="State" dataField="state"/>
        </mx:columns>
    </mx:DataGrid>

    <mx:Script>
        <![CDATA[
            import mx.collections.SortField;
            import mx.collections.Sort;
            import mx.collections.IViewCursor;
            import mx.events.FlexEvent;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;

            [Bindable]
            private var homesForSale:ArrayCollection;
            private var cursor:IViewCursor;

            private function initApp():void {
                this.srv.send();
            }

            private function onResult(evt:ResultEvent):void {
                var sort:Sort = new Sort();
                sort.fields = [ new SortField("city",true) ];
                this.homesForSale = evt.result.data.region;
                this.homesForSale.sort = sort;
                this.homesForSale.refresh();
                this.cursor = this.homesForSale.createCursor();
            }

            private function searchCity():void {
                if(search_ti.text != "") {
                    if(this.cursor.findFirst({city:search_ti.text})){
                        var idx:int = 
this.homesForSale.getItemIndex(this.cursor.current);
                        this.grid.scrollToIndex(idx);
                        this.grid.selectedItem = this.cursor.current;
                    }
                }
            }

        ]]>
    </mx:Script>
</mx:Application>




here is the code for the xml
----------------------------
<?xml version="1.0" encoding="utf-8"?>
<data>
        <region>
                <city>Tampa</city>
                <state>FL</state>
                <total>1002</total>
                <range>
                        <range1>70</range1>
                        <range2>20</range2>
                        <range3>10</range3>
                </range>
        </region>
        <region>
                <city>Boston</city>
                <state>MA</state>
                <total>2705</total>
                <range>
                        <range1>30</range1>
                        <range2>60</range2>
                        <range3>10</range3>
                </range>
        </region>