v3_05 格式化数据

v3_05 Using formatters 格式化数据

 

ex3_05

这部分主要是了解一些用于格式化的类及如何格式化数据

 

mx.formatters.Formatter是Formatter的父类

它有五个子类

CurrencyFormatter
DateFormatter
NumberFormatter
PhoneFormatter
ZipCodeFormatter

 

以日期格式化及电话格式化为例

1.先在Declarations一个实例,formatString可以参数帮助文档

<fx:Declarations>
<mx:DateFormatter id="requestDateFormatter" 
formatString="MM-DD-YYYY"/>
<mx:PhoneFormatter id="phoneFieldFormatter"
formatString="(###) ###-####"/>
</fx:Declarations>

  

 

2.使用Formatter

//日期格式化
protected function dateChangeHandler(event:CalendarLayoutChangeEvent):void
{ 
Alert.show('You have selected ' + requestDateFormatter.format(event.target.selectedDate)); 
if ((event.target.id == "returnDate") &&
(pickupDate.selectedDate > returnDate.selectedDate)) 
{
Alert.show("Pickup date must be scheduled before return date."); 
}
} 
requestDateFormatter.format(event.target.selectedDate) 

//电话格式化
protected function mobilePhone_focusOutHandler(event:FocusEvent):void
{
mobilePhone.text = phoneFieldFormatter.format(mobilePhone.text);
} 
 

 

 

3.mxml中使用事件函数

两种方式,在mxml中直接使用或者是通过ActionScript进行绑定,这些前面已经说过

<mx:FormItem label="Mobile Phone:">
<s:TextInput id="mobilePhone" 
focusOut="mobilePhone_focusOutHandler(event)"/>
</mx:FormItem> 

  

private function init():void
{ 
// Add the event listener using ActionScript instead of inline in the DateChooser instances
pickupDate.addEventListener(CalendarLayoutChangeEvent.CHANGE, dateChangeHandler);
returnDate.addEventListener(CalendarLayoutChangeEvent.CHANGE, dateChangeHandler);
}