angular - 如果网格没有行，则表单无效 - DevExtreme 网格 - Angular

Question

如果 DevExtreme 框架的网格（DxDataGridModule）没有任何行，如何使表单无效？

网格处于行编辑模式，因此myFormVariable.form.valid如果我向网格添加或删除行，状态应该会改变

<form  #myFormVariable="ngForm" id="frm_create_user" novalidate (ngSubmit)="save()">
.....
...
</form>

Answer 1

我认为这个 save() 方法是在表单被认为有效之后调用的。在此方法中，简单检查网格是否为空并向用户报告错误。

function save(){
   var gridData = $("#grid").dxDataGrid().dxDataGrid("instance").option("dataSource");
   if(gridData == null || gridData.length == 0)
   {
      //Report the error to the user
      return;
   }
   //Code that issues a request to the server
}

我在CodePen上做了一个简单的例子。我从这里复制了示例并对其进行了调整，因此也存在网格。这只是为了让您大致了解如何做。