提交表单按钮未触发

Question

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

Answer 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>