Flex中TextInput的最大值

Question

有没有人知道如何限制用户输入超过100的数字到flex中的textinput字段？

即,用户可以在0-100之间输入任何数字,但不包括101

提前感谢任何建议!

Answer 1

试试这个,它应该给你你想要的结果 - 它不会允许你输入超出范围的任何东西,并将其标记为无效(同样有一个漂亮的工具提示消息).

默认验证器仅提供验证输入的方法,但不限制范围内的条目.restrict属性允许单个字符匹配(但不是您需要的范围.)

这将使用它们和一些事件来为您处理它 - 非常干净,易于阅读/改变该范围......

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    
               xmlns:mx="library://ns.adobe.com/flex/mx"     
               xmlns:s="library://ns.adobe.com/flex/spark"  height="100%" width="100%">

    <fx:Declarations>
        <s:NumberValidator id="numberValidator" property="text" 
            minValue="0" maxValue="100"  
            source="{inputNumber}" trigger="{inputNumber}" triggerEvent="change" 
            valid   ="inputNumber.toolTip=inputNumber.text;" 
            invalid ="inputNumber.text=inputNumber.toolTip;"/>
    </fx:Declarations>

    <s:TextInput id="inputNumber" restrict="0-9"/>

</s:Application>

Ps看起来像使用工具提示作弊,但验证器会自动提供它自己的工具提示.如果您不喜欢它,您可以将其粘贴在另一个静态变量中 - 我这样做是因为验证器提供了如上所述的工具提示并保持其清洁.