Flex精华摘要 2：基本MXML功能

存储和验证数据
你可以使用数据模型来存储特定数据，数据模型是一个可以提供存储数据属性和包含附加方法的AS对象。申明一个简单的没有任何方法的数据模型可以使用<mx:Model> 或 <mx:XML>标记，你还可以使用验证组件验证存储数据的有效性。Flex包含了一套标准的数据验证组件，当然你也可以创建自己的验证组件。
下面的例子显示了一个简单的数据验证。

 
1. <mx:Application xmlns:mx=‘http://www.macromedia.com/2003/mxml‘ >
    
2. <mx:Panel title=‘My Application‘ marginTop=‘10‘ marginBottom=‘10‘
    
3. marginLeft=‘10‘ marginRight=‘10‘ >
    
4. <mx:TextInput id=‘homePhoneInput‘ text=‘这不是一个有效的电话号码‘/>
    
5. <mx:TextInput id=‘cellPhoneInput‘ text=‘(999)999-999‘/>
    
6. <mx:TextInput id=‘emailInput‘ text=‘[e-mail]‘/>
    
7. </mx:Panel>
    
8. <mx:Model id=‘contact‘>
    
9. <homePhone>{ homePhoneInput.text }</homePhone>
   
10. <cellPhone>{ cellPhoneInput.text }</cellPhone>
    
11. <email>{ emailInput.text }</email>
    
12. </mx:Model>
    
13. <mx:PhoneNumberValidator field=‘contact.homePhone‘/>
    
14. <mx:PhoneNumberValidator field=‘contact.cellPhone‘/>
    
15. <mx:EmailValidator field=‘contact.email‘/>
    
16. </mx:Application>
    

运行效果如图

请注意其中使用了电话号码验证和Email验证组件
要使用验证组件，需要注意几个地方：
首先定义需要验证的字段，如

1. <mx:Model id=‘contact‘>
   
2. <homePhone>{ homePhoneInput.text }</homePhone>
   
3. <cellPhone>{ cellPhoneInput.text }</cellPhone>
   
4. <email>{ emailInput.text }</email>
   
5. </mx:Model>
   

然后使用验证组件验证相关字段，如

1. <mx:PhoneNumberValidator field=‘contact.cellPhone‘/>
   
2. <mx:EmailValidator field=‘contact.email‘/>
   

格式化数据
除了进行数据验证之外，格式化输入的数据也是经常需要用到的。Flex一样包含了一套用于数据格式化的组件，下面的例子对邮编进行格式化处理：

 
1. <mx:Application xmlns:mx=‘http://www.macromedia.com/2003/mxml‘>
    
2. <mx:ZipCodeFormatter id=‘ZipCodeDisplay‘ formatString=‘#####-####‘ />
    
3. <mx:Script>
    
4. <![CDATA[
    
5. var storedZipCode=123456789;
    
6. ]]>
    
7. </mx:Script>
    
8. <mx:Panel title=‘My Application‘ marginTop=‘10‘ marginBottom=‘10‘ marginLeft=‘10‘ marginRight=‘10‘ >
    
9. <mx:TextInput text=‘‘ />
   
10. </mx:Panel>
    
11. </mx:Application>
    

常用的数据格式化还有对日期的格式化处理：

1 : NumberFormatter 数字格式化
2 : CurrencyFormatter 货币格式化
3 : PhoneFormatter 电话号码格式化
4 : ZipCodeFormatter 邮编格式化
5 : DateFormatter 日期格式化
6 : SwitchSymbolFormatter 创建自定义格式