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

【问题标题】：invalidate form if grid doesn't have rows - DevExtreme grid - Angular如果网格没有行，则表单无效 - DevExtreme 网格 - Angular
【发布时间】：2018-02-15 16:24:57
【问题描述】：

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

网格处于行编辑模式，所以如果我在网格中添加或删除行，myFormVariable.form.valid 的状态应该会改变

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

【问题讨论】：

什么时候检查表格的有效性。
在我的按钮点击事件上

标签： angular devextreme devextreme-angular

【解决方案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 复制了示例并对其进行了调整，因此也存在网格。这只是为了让您大致了解如何做。

【讨论】：