【发布时间】:2018-12-14 14:03:06
【问题描述】:
我在 Angular 应用程序中使用 DxDataGrid。在这个应用程序中,我想输入 4 个日期。现在我需要应用一些验证规则,它们分别适用于每个字段。 问题是如果其中一个字段发生更改,我需要验证所有四个字段。例如:如果我输入一个在 startDate 之前的 endDate,我会在 endDate 字段中得到预期的验证错误。如果我现在将 startDate 更改为 endDate 之前的某个时间,则 endDate 字段中的验证错误仍然存在,因为该字段未重新验证。
这是我目前所拥有的:
<dx-data-grid>
<dxi-column dataField="inPeriodStart" caption="In-Period Start" dataType="date"">
<dxi-validation-rule reevaluate="true" type="custom" message="Both start and end period has to be specified"
[validationCallback]="validateStartAndEndInPeriod"></dxi-validation-rule>
<dxi-validation-rule reevaluate="true" type="custom" message="Start has to be before end." [validationCallback]="validateStartBeforeEnd"></dxi-validation-rule>
<dxi-validation-rule reevaluate="true" type="custom" message="Either In-Period or For-Period has to be specified."
[validationCallback]="validateInOrForSpecified"></dxi-validation-rule>
<dxi-validation-rule type="custom" [validationCallback]="verifyDate" message="In-Period Start must be a valid date"></dxi-validation-rule>
</dxi-column>
<dxi-column dataField="inPeriodEnd" caption="In-Period End" dataType="date">
//same rules
</dxi-column>
<dxi-column dataField="forPeriodStart" caption="For-Period Start" dataType="date">
//same rules
</dxi-column>
<dxi-column dataField="forPeriodEnd" caption="For-Period End" dataType="date">
// same rules
</dxi-column>
</dx-data-grid>
我该如何解决这个问题?感谢您的任何意见
【问题讨论】:
标签: javascript angular typescript devextreme devextreme-angular