Datagrid itemrenderer causing weird data scrolling behaviour

Question

I have a datagrid bound to an array for editing and viewing.
I have a listener for an ItemEditEnd event which looks at the
input, chomps any whitespace and writes back to the itemrenderer
the updated string. But... if I then reload the data into the
dataprovider the datagrid doesn't render it properly because it
retains a memory of the previously edited value and re-displays it
on the line below where it was. So repeatedly reloading the data
causes edited values to magically scroll themselves downwards in
the datagrid!
I gues this is something to do with itemrenderers being
recycled, but I have no idea how to code around it. Any help would
be gratefully received. A simplified mock up of the problem is
attached.
Many thanks in advance,
Steve

Answer 1

Nothing new in that article, maybe as the series
progresses...
I have a found a hack around this but it's not the way I want
to do it. If I add the itemeditend event listener with a very low
priority (-100) so it gets executed after flex has already updated
the datagrid I can interact directly with the data, instead of the
itemeditor/renderer before the data is updated. This means I can't
do a preventUpdate() and force the user to correct the input so is
not ideal, but it works in this limited application.
I did find this:
http://livedocs.adobe.com/flex/3/html/help.html?content=celleditor_8.html
which has exactly the same case of needing to modify data sent back
from an itemeditor. It pokes the modified data back to
TextInput(myGrid.itemEditorInstance).text which is the same object
as my (event.itemRenderer as TextInput).text. Doesn't work.
I attach my code for anyone else struggling with this. If
anyone has a better solution I'd love to see it.
Steve