Flex中如何通过设置restrict属性在TextInput控件中限制用户可以输入的字符串的例子
By Minidxer | May 16, 2008
接下来的例子演示了Flex中如何通过设置restrict属性,在TextInput控件中限制用户可以输入的字符串。本例中在restrict属性中设置了“0-9\-”,也就是只允许用户输入0到9的数字以及间隔符(-)。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里查看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- private function textInput_change(evt:Event):void {
- arrColl.addItem(evt);
- }
- ]]>
- </mx:Script>
- <mx:ArrayCollection id="arrColl" />
- <mx:ApplicationControlBar dock="true">
- <mx:TextInput id="textInput"
- restrict="0-9-"
- change="textInput_change(event);" />
- </mx:ApplicationControlBar>
- <mx:DataGrid id="dataGrid"
- dataProvider="{arrColl}"
- width="100%"
- height="100%" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer
Topics:
Flex |
No Comments » |
281 views
Tags: Flex, restrict, TextInput, 字符串