如果网格没有行，则表单无效 - DevExtreme grid - 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上做了一个简单的例子。我已经复制了here中的示例并进行了调整，因此也存在网格。这只是为了让您大致了解如何做。