Flex数据显示格式化与数据验证.docVIP

Flex数据显示格式化与数据验证 Flex数据显示格式化与数据验证 Flex数据显示格式化与数据验证 Formatter类 Flex框架中的Formatter类。该类将数据格式化成字符串。所有的格式化类都是mx.formatters.Formatter类的子类，包括： · CurrencyFormatter （格式化货币） · DateFormatter （格式化日期） · NumberFormatter （格式化数字） · PhoneFormatter （格式化电话号码） · ZipCodeFormat （格式化邮政编码） Formatter类的使用 Formatter类也属于非可视化元素，所以在程序中也必须放在Declarations标签块中。 · 所有的格式化类都有一个format()方法，在对象进行格式化时调用该方法； · 每个格式化子类都有特别的属性来自定义字符串的表现，这个属性就是formatString protected function tC017TextInput_focusOutHandler(event:FocusEvent):void{ tC017TextInput.text= formatTC017.format(tC017TextInput.text); } fx:Declarations mx:PhoneFormatter id=formatTC017 formatString=####-#####/ mx:DateFormatter id=dateDisplay formatString=EEEE, MMMM D,YYYY/ /fx:Declarations mx:FormItem label=生产代号 s:TextInput id=tC017TextInput text={cfcoptc.TC017} focusOut=tC017TextInput_focusOutHandler(event)/ /mx:FormItem mx:Label text={dateDisplay.format(todayDate)}/ 可以使用DataGridColumn类的labelFunction属性来格式化在列中显示的数据。在这个属性上，你可以指定将要执行的函数，并注意不要使用括号。 mx:DataGrid…… mx:columns…… mx:DataGridColumn dataField=phone headerText=phone # labelFunction=formatPhoneNumber/ //我们为这个列添加了labelFunction属性，并设定它的值为函数formatPhoneNumber。 /mx:columns /mx:DataGrid 在函数formatPhoneNumber中需要指定两个参数，首先是一个对象，通常称为item，这代表了创这条纪录的数据。第二个，是将要被格式化的列的名字，以DataGridColumn类的对象的形式传递进来。在返回值语句部分，你可以调用格式化器来返回被格式化之后的字符串。 mx:PhoneFormatter id=phoneFormat formatString=(###) ###-####/ private function formatPhoneNumber(item:Object,phone:DataGridColumn):String{ var phoneString:String = item.phone; var pattern:RegExp = /-/g; phoneString = phoneString.replace(pattern,); //return phoneFormat.format(item.phone); return phoneFormmat.format(phoneString); } 使用Validator及其子类对数据进行验证 Flex框架中有众多的数据验证类，它们都继承自Validator类，常用的有： · CreditCardValidator，信用卡账号验证； · Currency，货币验证； · DateValidator，日期验证； · EmailValidator，邮件格式验证； · NumberValidator，数字格式验证； · …… Validator类的使用 如同Formatter类一样，Validator也属于非可视化元素，所以在程序中也必须放在Declarations标签块中。 · Valida