如何指示需要DevExtreme dx-date-box?

时间:2018-05-24 20:55:36

标签: angular typescript validation devextreme

到目前为止,我找到了相关的答案:Angular 2 dev extreme dx-date-box validation of required field

这个有用的AngularJS示例:https://js.devexpress.com/Demos/WidgetsGallery/Demo/Validation/Overview/AngularJS/Light/

...但在Angular 6项目中,这一切都不适用于我。似乎没有我可以设置的 $.ajax({ type: 'POST', url: '/sub', data: {'_token':'{{csrf_token()}}',"main_menu_id": main_menu_id}, success: function (data) { alert(data); }, error: function () { alert('what ever'); } }); (或dx-validator)属性。我用过:

dxValidator

...获取对日期框组件的引用,但是我没有在我可以使用的对象或我可以设置的字段上找到任何方法来完成工作。无论@ViewChild(DxDateBoxComponent) dateBox: DxDateBoxComponent; 是什么,它都需要一堆我不知道如何定义的私有字段,所以我认为它与我在示例中看到的那种验证器没有任何关系。看着。

1 个答案:

答案 0 :(得分:0)

我终于偶然发现了我正在寻找的答案。与我发现的示例不同:

<dx-date-box dx-validator="myValidatorRules"...

... 没有从AngularJS转换为Angular,如下所示:

<dx-date-box [dx-validator]="myValidatorRules"...

...我需要的是将dx-validator不作为属性添加,而是作为嵌套组件添加:

<dx-date-box...>
  <dx-validator [validationRules]="myValidatorRules"></dx-validator>
</dx-date-box>

有了这个,向myValidatorRules添加验证规则的工作方式就像我见过的示例代码一样,在这种情况下需要规则{type: 'required'}