Lost selection in the DataGrid after dispatchEvent

Question

Hi I have two data list(DataGrid ) in the one page, left one list information, and right one list selected information's properies.
When I select one of information in the left, which retrieve its properties from server(Java Jetty), code like this:
<mx:DataGrid id="dgStores" dataProvider="{storesList}"
change="dispatchEvent(new TideUIEvent('displayProp',dgStores.selectedItem));"
width="100%" rowCount="8">
<mx:columns>
</mx:columns>
</mx:DataGrid>
<mx:DataGrid  dataProvider="{storesPropList}"  visible="{Boolean(dgStores.selectedItem)}" >
        <mx:columns>
        </mx:columns>
</mx:DataGrid>
dispatchEvent is to try to get storesPropList data
Can someone figure out what cause left DataGrid lost focus (unselected)?
Thanks

Answer 1

See what CollectionEvents are being dispatched from the left list's dataprovider.  If you see an event with CollectionEventKind.RESET you should investigate as to why.
You should be getting a VALUE_COMMIT or CHANGE event when selection changes as well and you can trap that and see why it got sent.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui