Reappearing date in datefield itemRenderer of DataGrid

Question

Hello, I have a datagrid with an item renderer on one column,
which is a datefield. The column (and the whole datagrid) is linked
to a MySQL db. when you edit a column it edits the db real time. My
problem is that when i delete a date from the datefield, it
spuratically reapears when i start editing another cell. anyone
know of this or can help me fix this?

Answer 1

myDateField component:
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%" height="100%">
<mx:Script>
<![CDATA[
private function onChange():void{
// df.text = dtformat.format(df.selectedDate);
public function set _selected(val:String):void{
df.text = dtformat2.format(val);
public function get _selected():String{
return dtformat.format(df.selectedDate);
]]>
</mx:Script>
<mx:DateFormatter id="dtformat"
formatString="YYYY-MM-DD"/>
<mx:DateFormatter id="dtformat2"
formatString="MM-DD-YYYY"/>
<mx:DateField editable="true"
yearNavigationEnabled="true" change="onChange()" id="df" width="90"
horizontalCenter="0" height="22" />
</mx:Canvas>
column inside datagrid:
<mx:DataGridColumn id="dgc36" headerText="Init Call Date"
dataField="call_date" rendererIsEditor="true"
editorDataField="_selected">
<mx:itemRenderer>
<mx:Component>
<mx:Canvas>
<mx:Script>
<![CDATA[
public function get _selected():String{return
mdf._selected};
]]>
</mx:Script>
<assets:myDateField id="mdf"
_selected="{data.call_date}"/>
</mx:Canvas>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>