`

Flex-TextInput控件restrict属性

    博客分类:
  • Flex
阅读更多
Flex中如何通过设置restrict属性,在TextInput控件中限制用户可以输入的字符串
Flex中如何通过设置restrict属性,在TextInput控件中限制用户可以输入的字符串。本例中在restrict属性中设置了“a-z\0-9\-”,也就是只允许用户输入0到9的数字a到z的字母以及间隔符(-)。

 

<?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="a-z\0-9\-"
                change="textInput_change(event);" />
    </mx:ApplicationControlBar>
 
    <mx:DataGrid id="dataGrid"
            dataProvider="{arrColl}"
            width="100%"
            height="100%" />
 
</mx:Application>

分享到:
评论

相关推荐

    重写flex4的textinput控件

    可以设置控件里面显示的小数位数,通过restrict参数和小数位数动态控制,

    flex基本控件总结

    首先,我们来看文本控件,主要包括Label、Text、TextInput和TextArea。 1. Label(标签):Label控件用于展示不可编辑的文本,它可以使用HTML格式,支持对齐和大小调整。Label的背景可设置为透明,使得文本直接显示...

    flex中时分秒计算

    这里使用`TextInput`组件来输入小时数,通过`restrict`属性限制输入的字符只能是数字0-9,`maxChars`限制输入的最大长度为2位。 #### 五、小结 通过上述分析,我们可以看到Flex框架提供了非常灵活的方式来处理时分...

    Flex itemEditor详解

    默认情况下,当`editable`属性设置为`true`时,Flex会在列表控制中自动启用`TextInput`作为编辑器。例如,在`DataGrid`中,只需要将`editable`属性设为`true`,就可以实现在单元格内的直接编辑功能。对于特定的列,...

    Flex 常用实现小功能的语句

    该属性用于限制 `TextInput` 控件允许输入的字符类型。在此例中,只允许输入字母和数字。 - **自定义 DataGrid 标签函数**: ```actionscript private function formatLabel(item: Object, column: ...

    GridRow实现HTML类似表单

    &lt;mx:TextInput id="emailInput" restrict="^a-zA-Z0-9_@.\-+"/&gt; ()"/&gt; ``` 在这个例子中,我们创建了三个`GridRow`,分别包含姓名和邮箱的输入框以及一个提交按钮。通过`restrict`属性,我们可以限制邮箱...

Global site tag (gtag.js) - Google Analytics