提交表单按钮未触发

【问题标题】：submit form button is not firing提交表单按钮未触发
【发布时间】：2020-06-21 08:31:02
【问题描述】：

我有一个带有一些字段和一个提交按钮的 devextreme 表单。如果我点击提交按钮，则组件中的相应点击事件不会触发。 useSubmitBehavior 设置为 true，submit 事件设置为组件点击事件。这是一个简单的例子：example

【问题讨论】：

标签： angular devextreme-angular

【解决方案1】：

你必须把你的<dx-form>标签放在<form>里面，然后把(submit)="formSubmit()"移动到<form>标签

<form (submit)="formSubmit()">
  <dx-form>
    <dxi-item dataField="name">
      <dxi-validation-rule type="async" message="name already exists" 
       [validationCallback]="alreadyExists">
      </dxi-validation-rule>
    </dxi-item>
    <dxi-item>
      <dx-button text="submit" [useSubmitBehavior]="true"></dx-button>
      <dx-button text="close" (click)="closeButtonClick()"></dx-button>
    </dxi-item>
  </dx-form>
</form>

【讨论】：

是的，就是这样。我想，dxForm 实现了标准表单功能，我不需要将它包装在表单标签中。