如何使用Flex Formatter

最新推荐文章于 2025-06-22 10:56:00 发布

最新推荐文章于 2025-06-22 10:56:00 发布 · 212 阅读

文章标签：

#Flex #XML

Flex Formatter 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个简单的FlexFormatter使用案例，展示了如何通过FlexFormatter对输入的数字进行格式化，并将格式化后的结果输出到文本框中。代码示例中包含了事件处理函数、格式化方法及错误处理等内容。

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Formatter class. -->
<!--
	如何使用Flex Formatter
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[

            // Event handler to format the input.            
            private function Format():void
            {
                // The format() method returns the formatted String,
                // or an empty String if there is an error.
                var formattedVal:String = numberFormatter.format(inputVal.text);

                if (formattedVal.length==0) {
                    // If there is an error, the Format.error property 
                    // contains the reason.
                	formattedNumber.text=numberFormatter.error;
                }

                else {
                    formattedNumber.text=formattedVal;
                }
            }
        ]]>
    </mx:Script>

    <mx:NumberFormatter id="numberFormatter"/>

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

        <mx:Form>
            <mx:FormItem label="Enter number - a letter is invalid:">
                <mx:TextInput id="inputVal" text="" width="75%"/>
            </mx:FormItem>

            <mx:FormItem label="Formatted number: ">
                <mx:TextInput id="formattedNumber" editable="false" width="75%"/>
            </mx:FormItem>

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

    </mx:Panel>
</mx:Application>