cfgrid (type=flash) - how to capture in-cell keystroke event?

<cfset cities = "Rome,Athens,Canberra,Brasilia,Paris">

<cfset countries = "Italy,Greece,Australia,Brazil,France">

<cfset dateObj = arrayNew(1)>

<cfset dateObj[1] = createdate(2009,11,21)>

<cfset dateObj[2] = createdate(2010,2,3)>

<cfset dateObj[3] = createdate(2009,4,14)>

<cfset dateObj[4] = createdate(2010,5,23)>

<cfset dateObj[5] = createdate(2011,11,11)>

<cfform name="cities" format="flash">

<cfformitem type="script">

function showItinerary(){

    alert('City:' + geoGrid.selectedItem.city + ', Travel date:' + geoGrid.selectedItem.travelDate);

}

</cfformitem>

<cfgrid name="geoGrid" onChange="showItinerary();">

<cfgridcolumn name="city" header="City">

<cfgridcolumn name="country" header="Country">

<cfgridcolumn name="travelDate" header="Travel Date">

<cfloop index="i" from="1" to="#ListLen(cities)#">

<cfgridrow data ="#ListGetAt(cities, i)#, #ListGetAt(countries, i)#, #dateFormat(dateObj[i],'dd mmm yyyy')#">

</cfloop>

</cfgrid>

</cfform>

I now understand what you're looking for. I'll have another go.

Here is a start. I have stayed with the form simply because it is now familiar.

In this example, the value of the edited city field is copied into the changeResult input field.

<cfset cities = "Rome,Athens,Canberra,Brasilia,Paris">

<cfset countries = "Italy,Greece,Australia,Brazil,France">

<cfset dateObj = arrayNew(1)>

<cfset dateObj[1] = createdate(2009,11,21)>

<cfset dateObj[2] = createdate(2010,2,3)>

<cfset dateObj[3] = createdate(2009,4,14)>

<cfset dateObj[4] = createdate(2010,5,23)>

<cfset dateObj[5] = createdate(2011,11,11)>

<cfform name="cities" format="flash">

<cfformitem type="script">

function registerKeyStrokes(){

    var listener:Object = {};

    var changeField=changeResult;   

    listener.cellEdit = function(evt:Object):Void {

        changeField.text = evt.target.selectedItem.city;

    }

    geoGrid.addEventListener('cellEdit',listener);

}

</cfformitem>

<cfgrid name="geoGrid" selectmode="edit" format="flash" onchange="registerKeyStrokes()">

<cfgridcolumn name="city" header="City" >

<cfgridcolumn name="country" header="Country">

<cfgridcolumn name="travelDate" header="Travel Date">

<cfloop index="i" from="1" to="#ListLen(cities)#">

    <cfgridrow data ="#ListGetAt(cities, i)#, #ListGetAt(countries, i)#, #dateFormat(dateObj[i],'dd mmm yyyy')#">

</cfloop>

</cfgrid>

<cfinput name="changeResult" type="text" size="60">

</cfform>

Does the silence mean you finally finished it off? If not, here then is one solution.

You already have the string typed in by the user. All you have to do to get the last keystoke is pick out the last character of the string! Something like this

function registerKeyStrokes(){

        var listener:Object = {};

        var changeField=changeResult;   

        listener.cellEdit = function(evt:Object):Void {

            var str:String = evt.target.selectedItem.city;

            changeField.text = 'Last keystroke is: ' + str.substr(str.length-1,1);

        }

        geoGrid.addEventListener('cellEdit',listener);

    }