私は DateField を使用しており、日付バリデーターで日付を検証しています。正常に動作しますが、無効な日付がある場合、日付フィールドの周りに通常の赤い四角形が表示されませんが、日付フィールドの上にマウスを置くと、エラーのツールヒントが表示されます。
無効な dateField の周りにエラー四角形を表示するにはどうすればよいですか。
参照コードは
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
<validators:CodeValidator id="seriesVal" minLength="3" maxLength="3" required="true" source="{edSeries}" property="text" triggerEvent=""/>
<mx:StringValidator id="remarksVal" required="true" source="{edRemarks}" property="text" triggerEvent=""/>
<s:NumberValidator id="fromVal" minValue="0" maxValue="99999999" domain="int" required="true" source="{edFrom}" property="text" triggerEvent=""/>
<s:NumberValidator id="toVal" minValue="0" maxValue="99999999" domain="int" required="true" source="{edTo}" property="text" triggerEvent=""/>
**<mx:DateValidator id="txnDateVal" required="true" source="{edTXNDate}" property="text" triggerEvent=""/>**
</fx:Declarations>
.....
初期化関数で
validatorArr = new Array();
validatorArr.push(txnDateVal);
validatorArr.push(seriesVal);
validatorArr.push(fromVal);
validatorArr.push(toVal);
validatorArr.push(remarksVal);
OKボタンクリックで
// First Validate Data if invalid data then continuw editing
if (Validator.validateAll(validatorArr).length > 0){
setFormFocus();
return;
}
<s:Label x="262" y="47.420326" styleName="FormLabel" text="Date"/>
<mx:DateField id="edTXNDate" x="337" y="40.570312" width="137" height="22" editable="true"
formatString="DD/MM/YYYY" toolTip="Transaction date" yearNavigationEnabled="true"
selectableRange = "{{rangeEnd : new Date()}}" />