我正在使用 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()}}" />