Question

以下是您可以运行的自包含应用程序。它只显示一个带复位按钮的火花组合框。如果选择一个条目，例如“红色”，然后单击“重置组合框”按钮，组合框中的所选条目将被清除。但是，它还应该删除组合框的任何错误消息，但不会删除此错误消息。再次单击“重置”按钮将删除错误。

任何人都知道一个解决方案，不需要再次点击重置按钮？

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
   xmlns:s="library://ns.adobe.com/flex/spark" 
   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
    <mx:NumberValidator id="valCB" source="{myCB}" 
                        property="selectedIndex" minValue="0" 
                        lowerThanMinError="This field is required."/>
</fx:Declarations>

<fx:Script>
    <![CDATA[   
        import mx.events.ValidationResultEvent;
        import mx.validators.*;

        private function resetCB():void {
            valCB.enabled=false;   <!-- disable validator -->
            myCB.selectedIndex=-1; <!-- reset selected entry -->
            valCB.enabled=true;    <!-- enable validator -->
            myCB.errorString="";   <!-- clear error msg -->
        }   
    ]]>
</fx:Script>

<s:Form id="myForm">                
    <s:layout>
        <s:FormLayout gap="-5"/>
    </s:layout>
    <s:FormItem label="Select a Color"  required="true">
        <s:ComboBox id="myCB" width="140" prompt="Select a Color"> 
            <s:dataProvider>
                <mx:ArrayList>
                    <fx:String>Red</fx:String>
                    <fx:String>Blue</fx:String>
                    <fx:String>Green</fx:String>
                </mx:ArrayList>
            </s:dataProvider>
        </s:ComboBox>
    </s:FormItem>
</s:Form>
<s:Button label="Reset Combo Box" x="60" y="60" click="resetCB()"/>
</s:Application>

Answer 1

这似乎是Adobe对我的一个错误，虽然我不确定它的预期行为是否会让它在第一次点击时起作用，或者根本不起作用。您将selectedIndex设置为验证程序不允许的值，打开验证程序并期望它不会验证。我不确定我会发生什么。

最好只在click事件中禁用验证程序，并在change事件中重新启用验证程序。从重置函数中删除valCB.enabled=true;（和myCB.value = -1;，因为该值已经为-1）：

private function resetCB():void {
    valCB.enabled=false;   <!-- disable validator -->
    myCB.errorString="";   <!-- clear error msg -->
}

并为ComboBox提供change事件：

<s:ComboBox id="myCB" width="140" prompt="Select a Color" change="enableValidate()">

然后在该事件中启用验证器：

protected function enableValidate():void
{
    valCB.enabled=true;
}

Answer 2

您应该将控制errorString设置为空。这应该可以解决问题。

Flex：如何使用验证器重置spark组合框？

2 个答案: