Updating the dataprovider of a datagrid with itemrenderers throws renderers

Question

Hello all,
I've run into a problem that I can't seem to figure out.  I have a datagrid that is bound to an arraycollection as the data provider.  A few of my DataGridColumns have itemrenderers.  The renderers work great on the first run, but once the dataprovider is updated, my datagrid renderers fall apart.
My renderers basically highlight cell items that fall into a particular range. Interestingly, if I have an itemrenderer attached on any dataGridColumn, I get a few repeating/identical rows and itemrenderes that are active in places that they shouldn't be once the dataprovider is updated. Has anyone run into this? How did you solve this? Thanks in advance!!
Mike

Answer 1

Another way to create itemRenderer for datagrid is to have a custom components that implements these objects
mx.controls.listClasses.IDropInListItemRenderer,mx.controls.listClasses.IListItemRenderer, mx.core.IFactory
For example
<s:SkinnableContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
implements="mx.controls.listClasses.IDropInListItemRenderer,mx.controls.listClasses.IListItemRenderer, mx.core.IFactory">
private var _data:Object;
private var _listData:BaseListData;
public function newInstance():*
     return new myItemRenderer; // name of your renderer
public function set data(value:Object):void
     dispatchEvent(new FlexEvent(FlexEvent.DATA_CHANGE));
[Bindable("dataChange")]
public function get data():Object
public function set listData(value:BaseListData):void
public function get listData():BaseListData
</s:SkinnableContainer>