Textinput component questions

Question

Hi All,
I have an issue passing number data to textinput component.
If my data have decimals like 8.45463 and I display the number with 2 decimal places like 8.45.
If user doesn't modify the number when I save again in the database is only 8.45.
It is a way to set the textInput component with value = 8.45463 and text = 8.45? I am sure with so many financial applications it should be something up there.
I have the same issue with advance datagrid displaing numbers.
Any ideas or comments?
Thanks
JFB

Answer 1

Done,
Thanks for everyone reply and help.
If someone wants to use this component or make it better.
Best,
JFB
<?xml version="1.0" encoding="utf-8"?>
<mx:TextInput xmlns:mx="http://www.adobe.com/2006/mxml" textAlign="right" creationComplete="init()" >
    <mx:Script>
        <![CDATA[
            import mx.formatters.NumberFormatter;
            import mx.controls.listClasses.*;
            private var _realValue:String;
            private const POSITIVE_COLOR:uint = 0x000000; // Black
            private const NEGATIVE_COLOR:uint = 0xFF0000; // Red
            private function init():void
                //init code
                super.restrict = '0-9\.\\-';
            private function formatDecimal(val:Number):String
                var decimalFormatter: NumberFormatter = new NumberFormatter();
                decimalFormatter.rounding = 'nearest';
                decimalFormatter.precision = 2;
                decimalFormatter.useNegativeSign = false;
                return decimalFormatter.format(val);
            public function set realValue(value:String):void
                //Set real value
                _realValue = value;
                // format the number here
                super.text = formatDecimal(Number(_realValue));
            public function get realValue():String
                //Return component text real value
                return _realValue;
            override protected function focusInHandler(event:FocusEvent):void
                //Update component text real value
                super.text = _realValue;
            override protected function focusOutHandler(event:FocusEvent):void
                //Check if the source is blank
                if (event.target.text == '')
                    _realValue = '0';
                else
                    _realValue = event.target.text;
                //Update component text value
                super.text =  formatDecimal(Number(_realValue));
            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
                super.updateDisplayList(unscaledWidth, unscaledHeight);
                // Set the font color red for negative numbers
                setStyle('color', (parseFloat(_realValue) < 0) ? NEGATIVE_COLOR : POSITIVE_COLOR);
        ]]>
    </mx:Script>
</mx:TextInput>