Ag网格-CellEditor FocusOut

Question

当this.params.api.stopEditing();失去焦点时，我想打电话给CellEditor。

app.component.ts

onFocusOut(): void {
   this.params.api.stopEditing();
}

app.component.html

<input #container triggers="" type="text" #dp="bsDatepicker" class="form-control" (bsValueChange)="onValueChange($event)" bsDatepicker 
[bsConfig]="{ dateInputFormat: 'DD.MM.YYYY', containerClass: 'theme-dark-blue' }"
[(ngModel)]="dateValue"
[minDate]="minDate"
[maxDate]="maxDate"
(focusOut)="onFocusOut()">

但是focusOut没有被触发。知道为什么没有触发吗？

Answer 1

不是(focusOut)，是(focusout)。用它更新标记并进行验证。

有关更多参考资料，请查看以下文章的答案：HTML5 event handling(onfocus and onfocusout) using angular 2

Answer 2

您还可以在您的gridOptions中添加：

stopEditingWhenCellsLoseFocus: true

如您所见：https://www.ag-grid.com/javascript-data-grid/cell-editing/#stop-editing-when-grid-loses-focus