hoony's web study

728x90
반응형


이것두 flex에서 지원을 하더군요 흠..
역시 help 파일에서 모든걸 찾으면 해결책은 있는듯합니다.

mx:NumberFormatter
    decimalSeparatorFrom="."  //소수점 표시로 사용할 문자
    decimalSeparatorTo="."
    precision="-1"     // -1은 기본적으로 소수점 표시를 하지 않습니다.
    rounding="none|up|down|nearest"
    thousandsSeparatorFrom=","
    thousandsSeparatorTo=","
    useNegativeSign="true|false"
    useThousandsSeparator="true|false"/> 

다음은 예제입니다.

<?xml version="1.0"?>
<!-- Simple example to demonstrate NumberFormatter. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[

          import mx.events.ValidationResultEvent;           
          private var vResult:ValidationResultEvent;

          // Event handler to validate and format input.           
          private function Format():void
          {
             vResult = numVal.validate();
             if (vResult.type==ValidationResultEvent.VALID) {
            
                formattedNumber.text= numberFormatter.format(inputVal.text);
             }
            
             else {
                formattedNumber.text= "";
             }
          }
      ]]>     
    </mx:Script>

    <mx:NumberFormatter id="numberFormatter" precision="4"
        useThousandsSeparator="true" useNegativeSign="true"/>

    <mx:NumberValidator id="numVal" source="{inputVal}" property="text"
        allowNegative="true" domain="real"/>

    <mx:Panel title="NumberFormatter Example" width="75%" height="75%"
            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Form>
            <mx:FormItem label="Enter number:">
                <mx:TextInput id="inputVal" text="" width="50%"/>
            </mx:FormItem>

            <mx:FormItem label="Formatted number (precision=4): ">
                <mx:TextInput id="formattedNumber" editable="false" width="50%"/>
            </mx:FormItem>

            <mx:FormItem>
                <mx:Button label="Validate and Format" click="Format();"/>
            </mx:FormItem>
        </mx:Form>
       
    </mx:Panel>
</mx:Application>

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading