DxDataGrid:同时验证多个编辑字段



我在Angular应用程序中使用DxDataGrid。在此应用程序中,我要输入4个日期。现在我需要应用一些验证规则,这些规则分别适用于每个字段。问题是,如果其中一个字段发生更改,我需要验证所有四个字段。例如:如果我输入的endDate在startDate之前,我会在endDate字段中得到预期的验证错误。如果我现在将startDate更改为

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>

我该如何解决这个问题?感谢任何输入

这可能是代码中的错误语法(重新估价,试着放在方括号中(。

我创建了一个下面的示例,并对名字和姓氏进行了相同的验证,请尝试您的用例并告诉我结果。https://codesandbox.io/s/0x28kn2v4n

EDIT:当编辑模式为表单时https://www.devexpress.com/Support/Center/Question/Details/T429488/dxdatagrid-how-to-force-row-validation-if-there-are-no-changes-in-the-form-edit-mode

最新更新