Flex中如何通过设置restrict属性在TextInput控件中限制用户可以输入的字符串的例子

By Minidxer | May 16, 2008

接下来的例子演示了Flex中如何通过设置restrict属性,在TextInput控件中限制用户可以输入的字符串。本例中在restrict属性中设置了“0-9\-”,也就是只允许用户输入0到9的数字以及间隔符(-)。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码


下面是完整代码(或点击这里查看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function textInput_change(evt:Event):void {
  10.                 arrColl.addItem(evt);
  11.             }
  12.         ]]>
  13.     </mx:Script>
  14.  
  15.     <mx:ArrayCollection id="arrColl" />
  16.  
  17.     <mx:ApplicationControlBar dock="true">
  18.         <mx:TextInput id="textInput"
  19.                 restrict="0-9-"
  20.                 change="textInput_change(event);" />
  21.     </mx:ApplicationControlBar>
  22.  
  23.     <mx:DataGrid id="dataGrid"
  24.             dataProvider="{arrColl}"
  25.             width="100%"
  26.             height="100%" />
  27.  
  28. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Topics: Flex | No Comments » | 281 views Tags: , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

赞助商链接

Archives