Editable Datagrid with LabelFunction Problems

Question

Hi,
I'm having problems with a datagrid with editable columns and labelFunctions.
The problem is that when i leave the editable field by a way that wasnt with Escape Key, the datagrid apply again the labelFunction and destroy the number formattion adding a lot of numbers.
When the field is filled with 0000,00 he just adds more zeros, like 0.000.000,0000 and keep going after do the same process.
And when the field has a number different of zero, he apply the labelFunction then after he remove the labelFunction. After few times it just make the number vanish and the cell goes empty.
I read the documentation about editing cell and tryed to implement a solution to prevent the cell be edited, without sucess.
The source code goes attached for some advice on my problem.
Thanks, Fredy.

Answer 1

Hi,
I solved a part of problem with some changes that i've made.
Now there is no problem with values different of zero, when i got just number, its fine, but still have problems with zero values.
The snippet code goes next, the bold part that was modified from the last sample.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
     layout="vertical"
     backgroundColor="white">
     <mx:Script>
          <![CDATA[
               import mx.controls.Alert;
               import mx.events.DataGridEventReason;
               import mx.controls.TextInput;
               import mx.controls.dataGridClasses.DataGridColumn;
               import mx.formatters.NumberFormatter;
               import mx.events.DataGridEvent;
               import mx.collections.ArrayCollection;
               [Bindable] private var collection:ArrayCollection = new ArrayCollection([
                    {code:1, description:"Item 1", value:4564654},
                    {code:2, description:"Item 2", value:00000000},
                    {code:3, description:"Item 3", value:00000000},
                    {code:4, description:"Item 4", value:00000000},
                    {code:5, description:"Item 5", value:00000000},
                    {code:6, description:"Item 6", value:00000000},
                    {code:7, description:"Item 7", value:00000000}
               private var formatter:NumberFormatter;
               private function formatterFunction(item:Object, column:DataGridColumn):String {
                  if (formatter == null){
                       formatter = new NumberFormatter();
                       formatter.decimalSeparatorTo = ",";
                       formatter.thousandsSeparatorTo = ".";
                       formatter.decimalSeparatorFrom  = ",";
                       formatter.thousandsSeparatorFrom = ".";
                       formatter.useThousandsSeparator = true;
                       formatter.precision = 4;
                  return formatter.format(item[column.dataField]);
             private function editEndHandler(event:DataGridEvent):void {
                var myEditor:TextInput = TextInput(event.currentTarget.itemEditorInstance);
                var newVal:Number = isNaN(Number(myEditor.text)) ? myEditor.text as Number : 0.0000;
                var oldVal:Number = Number(event.currentTarget.editedItemRenderer.data[event.dataField]);
                 // it solves the partial part of the problem, but still have some errors
                 if (event.reason == DataGridEventReason.CANCELLED || event.reason == DataGridEventReason.OTHER) {
                    return;
                if (oldVal == newVal ) {
                         // i've tryed this, but the itemEditor still open
                         event.preventDefault();
                         // if I just put 'return', still have the same problem
                         // return;
          ]]>
     </mx:Script>
     <mx:Label text="Bug datagrid editavel com labelFunction"
          fontSize="16"
          fontWeight="bold" />
     <mx:DataGrid dataProvider="{collection}"
          editable="true"
          itemEditEnd="editEndHandler(event)">
          <mx:columns>
               <mx:DataGridColumn headerText="Código"
                    dataField="code"
                    editable="false"/>
               <mx:DataGridColumn headerText="Descrição"
                    dataField="description"
                    editable="false"/>
               <mx:DataGridColumn headerText="Valor"
                    width="300"
                    dataField="value"
                    labelFunction="formatterFunction"
                    editable="true"/>
          </mx:columns>
     </mx:DataGrid>
</mx:Application>
@Alex
Thanks for the answer.
I want to edit this column, but if there is no 'change' i dont want to apply again the label function and close the itemEditor.
I've tryed to call event.preventDefault() but i dont know what to do next.
Do you have some advice how to solve my problem?
This is just happening when i got zero values on my datagrid =/
Thanks all for the answers.