actionscript-3 - 文本字段上的 flex 3 数字输入验证（限制范围为 1-100）

Question

在 Adob​​e Photoshop 面板（使用 Flex 3）上，我有几个文本字段，它们接受这样的数字输入：

<mx:TextInput x="90" y="10" width="50" height="20" restrict="0-9" id="myInput"/>

我有restrict="0-9"阻止用户输入除数字以外的任何内容，但我想将范围限制为 1-100。

我应该自己使用 AS3 中的更改事件处理程序来实现它，还是 Flex 带来的更好的解决方案？

我试过这个：

<fx:Declarations>
    <mx:NumberValidator source="{myInput}" property="text" integerError="Enter Integer value"
            minValue="1" maxValue="100" domain="int" 
            trigger="{myInput}" triggerEvent="change"
            invalid="myInput='50';"/>
</fx:Declarations>

但我明白了Error: Could not resolve <fx:Declarations> to a component implementation.

Answer 1

您可以使用NumericStepper而不是 TextInput。然后您可以设置最小值和最大值。

<s:NumericStepper id="ns" minimum="1" maximum="100" />

更新：在 Flex 3 中；您可以使用具有类似属性的 MX Numeric Stepper：

<mx:NumericStepper id="ns" minimum="1" maximum="100" stepSize="1"/>