Аннулировать форму, если сетка не имеет строк - сетка DevExtreme - угловая

Question

Как сделать форму недействительной, если сетка (DxDataGridModule) из DevExtreme Framework не имеет строки?

сетка находится в режиме редактирования строки, поэтому статус 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. Я скопировал пример отсюда и настроил его так, чтобы сетка тоже присутствовала. Это просто чтобы дать вам общее представление о том, как это сделать.