以下は、実行できる自己完結型のアプリケーションです。リセットボタン付きのスパークコンボボックスを表示するだけです。「赤」などのエントリを選択し、「コンボボックスのリセット」ボタンをクリックすると、コンボボックスで選択したエントリがクリアされます。ただし、コンボボックスのエラーメッセージも削除する必要がありますが、このエラーメッセージは削除されません。[リセット]ボタンを2回クリックすると、エラーが削除されます。
リセットボタンを2回クリックする必要のないソリューションを知っている人はいますか?
<?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>