Flex 4 datefield No Error Rectangle with Date Validator

时间:2012-07-11 03:44:26

标签: actionscript-3 flex flex4.5

我正在使用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>

.....

在init函数中

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()}}" />

1 个答案:

答案 0 :(得分:0)

我将您的代码粘贴到一个空的应用程序中,无法重现该问题。这让我怀疑了一些事情

  1. 尝试禁用应用程序中的任何CSS,并查看是否有任何CSS设置可能阻止了应用程序周围的红色光环。
  2. 删除除日期验证程序以外的所有验证程序,并查看问题是否仍然存在。
  3. 祝你好运。